Todo lo que siempre quisiste saber sobreVisualización de Información
Pero temías preguntar...
Eduardo Graells-Garrido / @[email protected]://carnby.github.io
StarTechConf, Santiago de Chile, 7 de Noviembre de 2015
Potenciales Preguntas
¿Qué es InfoVis (Information Visualization)?
¿Para qué sirve?
¿Son todas las técnicas igual de precisas?
¿Es cierto que “los datos no mienten”?
¿Quién (y cómo) diseña visualizaciones?
La Visualización de Información es una tecnología que aprovecha los
mecanismos cognitivos para entender, explorar e interactuar*
(en) espacios de información representados de manera
visual/gráfica.
*entre otras posibles acciones :)
Aprovechamos nuestra cognición a través de la abstracción.Con un círculo, dos puntos y una línea, ¡seguimos viendo un rostro!
Scott McCloud. Understanding Comics
El gráfico estadístico más completo de todos los tiempos según Edward Tufte.Carte figurative des pertes successives en hommes de l'Armée Française dans la campagne de Russie 1812-
1813Charles Minard, 1869.
Algunas visualizaciones ya son familiares y su interpretación es inmediata.
Pero, ¿se puede hacer mejor?
Observatorio de Complejidad Económica. http://atlas.media.mit.edu/
¡Yo creo que sí!
(¿¡Más uvas que vino!?)
Observatorio de Complejidad Económica. http://atlas.media.mit.edu/
La interpretación de una visualización no es inmediata. Nuestros modelos mentales requieren ser desarrollados en el tiempo.
John Stasko. http://www.cc.gatech.edu/~john.stasko/
¿Para qué sirve?
“Visualizations give you answers to questions you didn’t know you had.”
- Ben Shneiderman
Para socializar analizando (¿o analizar socializando? ¡ambas!)Martin Wattenberg y Fernanda Viegas. NameVoyager.
¿Son todas las técnicas igual de precisas?
Depende del caso. No siempre precisión es lo que se necesita. En otras ocasiones, se necesita “comunicación” :)
Nuestro cerebro es especialista en comparar largos, no áreas. Stephen Few, http://www.perceptualedge.com/example18.php
En 2|S (Dos Santiagos) justamente queríamos mostrar algo atractivo de ver y entretenido de usar, no estrictamente analítico.
E.G. y Alonso Astroza. http://users.dcc.uchile.cl/~egraells/abrecl/
Otra situación similar: áreas y ángulos no son fáciles de diferenciar.Imagen: https://en.wikipedia.org/wiki/Pie_chart
Por otro lado, cuando hay pocas categorías y se quiere entregar un mensaje específico, un pie chart puede ser una buena elección.
Gráfico: https://xkcd.com/290/
Cartograma de Santiago usando datos anonimizados y agregados de movilidad.
Día lunes a las 6:30AM.
Las áreas se deforman para mostrar la densidad poblacional.
¿Preciso? No.¿Dramático? Sí.
Cartograma de Santiago usando datos anonimizados y agregados de movilidad.
Día lunes a las 2:30PM.
¡Ésta es la verdadera forma de la ciudad!
Para observar nuestro comportamiento. Ej.: discusión sobre aborto en Twitter.Grafo: tendemos a interactuar con quienes piensan similar a nosotros.Wordclouds: palabras más asociadas a las biografías de cada cluster.
¿Es cierto que “los datos no mienten”?
Spoiler: NO. Precisa, a veces. Objetiva, nunca.
Nota: asumimos buena fe. En caso contrario, siempre está “How to Lie with Statistics”.
Prácticamente siempre es necesario normalizar los datos. Hacerlo da rigurosidad y permite comparar.
https://xkcd.com/1138/
Comparación de población chilena en Twitter.
Imbalanced Population(Different Orders of
Magnitude)
Balanced Representation (Equal Orders of Magnitude)
r = 0.68, p < 0.01CASEN Survey
r = 0.95, p < 0.01Census 2012
Éste está mejor, pero no es perfecto. Por otro lado, ¿sería más difícil de navegar con mapas así?
https://en.wikipedia.org/wiki/Mollweide_projection
La distorsión siempre estará presente :) Es el uso del mapa el que determinará la proyección a utilizar.
http://flowingdata.com/2014/01/13/map-projections-illustrated-with-a-face/
Ejemplo típico: la base de un gráfico no es 0. Si lo que se quiere comparar es valor absoluto, no usar 0 como base es, lisa y llanamente, mentir.
http://flowingdata.com/2015/08/11/real-chart-rules-to-follow/
Una visión centrada en los problemas a resolver.
Tamara Munzner. http://www.cs.ubc.ca/labs/imager/tr/2009/NestedModel/
El contexto cultural y social es muy importante. No hay dos usuarios iguales.
Dürsteler & Engelhardt.http://infovis.net
En Twitter, el comportamiento de chilenos y chilenas es centralizado.
Se tiende a mencionar y Retwittear más a gente de la Región Metropolitana.
Junto a Mounia Lalmas y Ricardo Baeza-Yates hicimos un algoritmo para de-centralizar timelines.
¿Funcionó?
NO.
El algoritmo no consideraba como la gente percibía la centralización. ¡Gente fuera de la RM encontraba que el contenido sobre Santiago era más
interesante y diverso que el de sus propias regiones!
Pero cuando se utiliza visualización para hacer saliente la diversidad en contenido, cambia la situación.
InfoVis (o DataVis) es una tecnología (no un conjunto de técnicas). Para mí, su principal uso son la comunicación y la exploración.
No hay que olvidar el contexto:- A veces lo no familiar es más efectivo para
estimular la curiosidad.- Otras veces lo familiar permite comunicar
con mayor claridad un mensaje.
No hay dos personas iguales:- El proceso de diseño debe considerar las
diferencias culturales, sociales e individuales de la audiencia.
- ¡Debemos aprovechar la experiencia conjunta!
Y no olvidar que hay decisiones subjetivas detrás de todo el proceso. La visualización no es objetiva.
¡Gracias!¿Preguntas?
Eduardo [email protected]://carnby.github.io@carnby
Ilustraciones de zorzales@Athziri y @lovecatscl
Pajaritos vectorialeshttp://www.fernandoaldea.com/ (usado con CC)
En ambos casos, siempre se debe decidir en torno a complejidad/profundidad y comprensibilidad/simpleza.
Alberto Cairo. The Functional Art
Visualization should be seen as technology [...].1. It provides an extension of ourselves.2. It is a mean to reach goals.
- Alberto Cairo, The Functional Art
Technology has nothing to do with fantastical new devices for moving and everything to do with new ways of thinking, sharing information, and adjusting the way we use the machines we have been using for years.
- Charles Montgomery, Happy City
Gran parte de las acciones que se pueden realizar en una visualización parten desde tres preguntas: ¿por qué (a)? ¿cómo (b)? ¿qué (c)?
Tamara Munzner. http://www.cs.ubc.ca/labs/imager/tr/2013/MultiLevelTaskTypology/
Top Related