175 años de mapas

geneve
Hay que reconocer que los suizos hacen las cosas como debe ser. Sigue este link y encontrarás un mapa histórico e interactivo de Suiza, con un nivel de detalle impresionante que te permite viajar 175 años en la historia de la fabricación de mapas, presenciando como las murallas de las ciudades son reemplazadas por carreteras y los pueblos son absorbidos por ciudades. Atención: esta herramienta es para toda Suiza, no sólo una ciudad.

También: una hermosa y funcional tipografía. Mira esta g:

cologny

También: 2013 marca el 150 aniversario del primer tour de Thomas Cook’s por Suiza. Una historia fascinante que el autor Diccon Bewes cuenta nuevamente en su libro Slow Train to Switzerland.

(ah, si, también es el 150 aniversario de la Cruz Roja)

También: Cuando vivíamos en Barcelona, conseguí un recurso similar hecho por el cccb: mapas históricos de la ciudad, superpuestos.

 

Cómo mejorar tus gráficos de Business Objects

disaster, disguised as a

desastre, disfrazado de cuadro de mandos

Business Objects, la plataforma de Inteligencia de Negocios de SAP, es realmente pésima para la visualización de datos. De alguna manera, logra que los desarrolladores tomen todas las malas decisiones posibles al mismo tiempo y crea unos cuadros de mandos (si pueden llamarse así) realmente feos e inutilizables.

Recientemente he visto varias visualizaciones horribles hechas en bobib, como la de arriba, la cual parece que está bien, pero comete el más grande de los pecados: embellecimiento innecesario.

Para crear mejores gráficas de Business Objects, deberías evitar tinta innecesaria, como:

  • Los números innecesariamente grandes (100,000,000 puede ser abreviado a 100M)
  • Bordes en los ejes y bordes en los números.
  • Fondos de color o con gradientes.

También, podrías trabajar en tus gráficas para quitar:

  • Los marcadores de puntos de datos.
  • Ejes verticales dobles.

También, sorprendentemente –o no– Business Objects te permite mezclar líneas y barras cuando no debes:

188

Las líneas en una gráfica deberían expresar continuidad, causa y efecto.

En este caso, el uso de líneas confunde al lector. No tiene sentido señalar que una medida en el producto más a la izquierda influencia a los de la derecha.

A menos que tengas una medida de tiempo en el eje horizontal, debes evitar mezclar barras y líneas.

Todos estos errores y omisiones desafían el propósito del gráfico, el cual es proporcionar una evaluación rápida de la situación.

Noah Iliinsky menciona algunos de estos “pecados” al hacer gráficos en su famosa charla “Data Viz: You’re Doin’ it Wrong»

No me cabe duda que la plataforma de Inteligencia de Negocios de SAP debe ser genial para el desarrollo de almacenes de datos, pero como herramienta para visualizar datos es muy deficiente. Te sería más útil usar esta plataforma como soporte  administrativo para luego disfrazarla con Processing, D3j u otra librería que te permita mostrar en una mejor manera el fruto de tu arduo trabajo. En cada tarea de Inteligencia de Negocios, los gráficos representan la cara visible del proyecto. Si tus gráficos apestan, entonces tu proyecto es apesta. Tan sencillo como eso.

Como desarrollador, también ayuda aprender algunos elementos de diseño e inclusive leer un poco sobre el tema. Recuerda: tus gráficos y cuadros de mando deben ser lo suficientemente atractivos como para inspirar y motivar a los usuarios a interesarse por los datos.

Cómo presentar estadísticas sin aburrir a tu audiencia

boring_lecture

Hace unos días encontré un recurso muy valioso, y al mismo tiempo gratuito, para mejorar la manera en que presentamos estadísticas.

Cómo hacer comprensibles los datos es una serie de libros electrónicos cortos, fáciles y gratuitos creada por la Comisión Económica de las Naciones Unidas para Europa como una herramienta práctica para mejorar la manera en que presentamos gráficos, tablas y datos estadísticos al público en general.
No te intimides por el hecho de que fue diseñado por un comité oficial para una publicación de la ONU. Estos libros fueron inspirados por las últimas tendencias de comunicación de masas y visualización de datos. En ellos encontrarás varias referencias de algunos de mis libros preferidos: «Show Me The Numbers», de Few y «The Visual Display of Quantitative Information», de Tufte.

Particularmente me gusta la Parte 1, «Una guía para escribir sobre números«, ya que propone de manera muy concisa una manera de cambiar nuestro enfoque al presentar estadísticas. Empezando con el idioma. Mira este maravilloso resumen:

Emplea:

  • Un lenguaje comprensible para la gente.
  • Frases cortas, párrafos cortos.
  • Una idea principal por párrafo.
  • Epígrafes para guiar la lectura.
  • Lenguaje simple: “obtener” no “adquirir”; “cerca de” no “aproximadamente”; “igual” no “idéntico”.
  • Listas para echarles un vistazo.
  • Un buen control de calidad. Ve más allá de las correcciones ortográficas; pide a un colega que lea tu artículo.
  • Voz activa: “descubrimos que…”, en lugar de: “fue descubierto…”
  • Un formato uniforme para las cifras: por ejemplo, elige 20 o veinte, y sé coherente.
  • Números redondos (tanto en cifras muy largas como con muchos decimales).
  • Citas entrecomilladas (frases que generalmente explican el cómo y el porqué, que los periodistas suelen utilizar siempre igualmente redactadas en sus artículos).
  • URLs o enlaces electrónicos, para que tu lector disponga de información adicional.

Evita:

  • “Las estadísticas tipo ascensor”: esto sube, esto baja.
  • Las jergas y los términos técnicos.
  • Los acrónimos.
  • Todo en letras mayúsculas y todo en cursiva: es más fácil leer cuando se combinan.
  • “Leer la tabla”, describiendo en el texto cada dato de la tabla.

 

Y luego, presentan varias maneras sobre cómo puedes mejorar tus habilidades de redacción:

Mejorable: Entre enero y agosto, el total de metros cuadrados útiles del espacio edificable tuvo un incremento del 20,5% respecto al incremento del periodo de enero a agosto del año pasado.

Mejorado: En los primeros ocho meses de 2004, la cantidad de suelo útil fue cerca de un 20% más que en el mismo periodo de 2003.

 

Este es también otro maravilloso resumen sobre cómo crear mejores gráficos:

  • Preferentemente, utiliza línea continua en lugar de otros estilos; y en los rellenos o fondos de gráfico un solo color y sin trama.
  • Evita marcadores de datos en los gráficos de línea.
  • Utiliza los valores de los datos sólo si estos no interfieren en la visualización del gráfico principal.
  • Comienza en cero la escala del eje de ordenadas Y.
  • Utiliza una sola unidad de medida por gráfico.
  • Utiliza diseños bidimensionales para datos bidimensionales.
  • Haz fácilmente comprensible, el texto presente en el gráfico.
    • No utilices abreviaturas.
    • Evita los acrónimos.
    • Escribe etiquetas de izquierda a derecha.
    • Emplea una gramática correcta.
    • Evita leyendas excepto en los mapas.

 

Muy pocas personas se detienen a pensar sobre cómo los demás interpretarán o leerán sus hallazgos.  Otros son los suficientemente delirantes como para alejarse deliberadamente de este “estilo periodístico” y piensan que los números hablan por sí solos. Pero esto es rara vez el caso.

Aún si tienes un gráfico que intenta explicar los números, todavía tienes que esforzarte para que esas estadísticas sean lo suficientemente interesantes como para no aburrir o confundir a la audiencia. Tienes que contar un historia impactante, incitar curiosidad, cuestionamiento y exploración adicional. Incluso si estás haciendo un informe privado, tienes que ser un periodista o un narrador.

De modo que si deseas un curso rápido de inducción sobre el tema, descarga Cómo hacer comprensibles los datos en el sitio web de UNECE y dale una hojeada.

Mini gráficos y palabras de datos

11_sparklines

Hemos visto montones de mini gráficos en los últimos años. Son uno de los gráficos de alta densidad más utilizados hoy en día y, cuando son aplicados de manera correcta, pueden ser la característica más importante de cualquier cuadro de mandos o informe.

La gran cantidad de información que puede ser condensada en los mini gráficos permite que estos sean un recurso viable para proporcionar un vistazo rápido de la evolución histórica de una medición. Los mejores son aquellos que ofrecen un contexto adicional, como el rango normal, rellenado en gris en los siguientes gráficos:

sparklines

Pero no fue hasta que leí Beautiful Evidence del inventor de los mini gráficos, Edward Tufte, que descubrí que estos gráficos originalmente fueron diseñados para ser insertados dentro de un texto. Convirtiéndose de esa forma en datawords –palabras de datos–, un magnífico término:

dataword

 
Si no se abusa de ellas, las palabras de datos pueden ser extremadamente útiles para ilustrar los puntos realizados en un texto.

Esto me recuerda a las explicaciones explorables y los documentos de reactivos de Bret Victor. Una manera muy astuta de insertar exploraciones tipo «y si» dentro de un texto. Aquí abajo puedes probar una, haciendo clic y arrastrando sobre el número de galletas:

 

Si comes galletas, consumirás calorías. Eso es % de las calorías diarias recomendadas.

 

Considero que las palabras de datos y las explicaciones explorables (¿palabras de datos explorables?) van muy bien de la mano, ¿no crees?

 

Recursos:

Beautiful Evidence también ofrece algunos consejos sobre el uso correcto de los mini gráficos. Algunos de estos ejemplos pueden ser encontrados en esta página.

Algunos consejos de muestras sobre cómo crear y usar los mini gráficos en Excel. Más ejemplos aquí.

Tangle, es un framework en JavaScript para crear documentos de reactivos.

Este plugin de jQuery te ayuda a crear mini gráficos para tus proyectos web.

 

Dibujando el mundo a mano

En el Gletschergarten de Lucerna, entre antiguos mapas, maquetas y relieves de los Alpes suizos, encontramos una exposición de Ueli Läuppi, un cartógrafo local que se ha dedicado a dibujar y colorear mapas a mano, usando una proyección particular que destaca una meticulosa representación de las montañas.

No contento con eso, Läuppi ha trasladado su estudio al museo y ciertos días se le puede ver completando un mapa de precipitación de una región Asiática, usando un rapidograph y una caja de Caran d’Ache con lápices debidamente etiquetados para diferenciar distintos rangos de pluviosidad.

El trabajo de Läuppi está en la encrucijada entre la ciencia y el arte. Su extensiva investigación (documentada en video) evidencia su formación como ingeniero y la voluntad de trasladar su estudio temporalmente al museo, raya en el performance. También, es evidente que Läuppi sabe una cosa o dos acerca de visualización, sus mapas son muy elocuentes a la hora de representar datos y explicar su significado.

Para mi, la puesta en escena, ese escritorio en medio de la sala con los trabajos a medio terminar, conlleva un mensaje: los mapas son hechos por gente y es difícil dibujar mapas.

Todo esto me recordó un post sobre maquetación y esqueletos de páginas y aplicaciones web y las opiniones de algunos expertos que señalan que presentar sketches en lugar de líneas nítidas, le da a tu trabajo un aura de «trabajo en progreso», abre las puertas de la participación y puede ayudarte a obtener mejor y más oportuno feedback de tus clientes.

En Sketchy Rendering for Information Visualization, Jo Wood, Petra Isenberg, Tobias Isenberg, Jason Dykes, Nadia Boukhelifa y Aidan Slingsby, proponen dibujar visualizaciones como si fueran hechas con rotuladores en una pizarra. De esta forma se intenta comunicar que el diseño no está finalizado, que está abierto a críticas y cambios, que las visualizaciones y los cuadros de mando representan una narrativa en progreso. Además, a diferencia de los dibujos arquitectónicos o el diseño industrial, las gráficas no representan objetos tangibles, no necesitan ser exactas. Su objetivo es ayudar a contar una historia. Así como el proverbial plan de negocios escrito en una servilleta, las gráficas con sketches buscan ilustrar un punto y está bien si sacrifican un poco de exactitud.

The imprecision suggested by sketchy features may reinforce perceptions of simplicity and thus reduce the expectation of cognitive effort required to interpret the visual scene

Como parte del método ilustrado en el paper, los autores han creado una librería gratuita para ser usada con processing, con impactantes resultados:

Parece hecho a mano ¿cierto?

Y quizás allí hay otra clave: así como con los mapas de Läuppi, estos gráficos transmiten la idea de que la visualización fue pensada y hecha por un humano. Que hay un trabajo meticuloso detrás de esta visualización.

A Handsome Atlas reúne las visualizaciones hechas a finales del siglo XIX para el censo de EEUU. Gráficos de gran belleza, gráficos que cuentan una historia. Realmente distintos a esa producción automática que hacemos en excel.

Olvidamos que los gráficos deben ser pensados. Que deben transmitir algo, ser memorables, situarse entre las artes y la ciencia. Que a pesar de que el computador hace el trabajo de representarlo en una pantalla, al visualizar datos también estamos dibujando el mundo a mano.

La exposición de Läuppi estará en el Gletschergarten hasta el 15 de Septiembre de 2013.