Victor Pascual [email protected]@vpascual - www.vpascual.org ¿Qué es? 3
a graphical representation of data or concepts, which is either an internal construct of the mind
or an external artifact supporting decision making
C. Ware, 2000.
Visualization
Victor Pascual [email protected]@vpascual - www.vpascual.org ¿Qué es? 4
a visual representation of information or data, e.g. as a chart or diagram.
Oxford Dictionary of English
Infographic
Victor Pascual [email protected]@vpascual - www.vpascual.org ¿Qué es? 5
➡ visualizaciones estáticas➡ comunicar datos
➡ detectar patrones y outliers➡ utilizadas en formatos físicos
El País
Victor Pascual [email protected]@vpascual - www.vpascual.org ¿Qué es? 6
the use of computer-supported, interactive, visual representations of abstract data to
amplify cognition
Card et al., 1999
Information Visualization
Victor Pascual [email protected]@vpascual - www.vpascual.org ¿Qué es? 7
➡ visualizaciones interactivas➡ comunicar datos➡ detectar patrones y outliers
➡ explorar datos➡ personalizar la información➡ analizar en profundidad
Victor Pascual [email protected]@vpascual - www.vpascual.org El proceso 8
IntroducciónEl proceso
Victor Pascual [email protected]@vpascual - www.vpascual.org El proceso 9
el diagrama de la Visualización de Información - Dürsteler & Engelhardt (adaptado por Jaume Pérez)
º
Victor Pascual [email protected]@vpascual - www.vpascual.org Reglas 10
IntroducciónReglas básicas
Victor Pascual [email protected]@vpascual - www.vpascual.org Text
water consumption - epcor
gráficos auto-explicativos
12
Victor Pascual [email protected]@vpascual - www.vpascual.org Reglas
“the purpose of visualization is insight, not pictures”
ben shneiderman (1999)
13
Victor Pascual [email protected]@vpascual - www.vpascual.org Reglas
funcionalidad debe prevalecer frente a la estética!!
14
Victor Pascual [email protected]@vpascual - www.vpascual.org Reglas
do’s and don’ts of infog. design - smashing magazine
15
Victor Pascual [email protected]@vpascual - www.vpascual.org Reglas 16
do’s and don’ts of infog. design - smashing magazine
Victor Pascual [email protected]@vpascual - www.vpascual.org Reglas 17
do’s and don’ts of infog. design - smashing magazine
hay valor en lo bonitotratar de hacer gráficos bellos
Victor Pascual [email protected]@vpascual - www.vpascual.org Reglas 18
wind map - hint.fm
Victor Pascual [email protected]@vpascual - www.vpascual.org Reglas 19
do’s and don’ts of infog. design - smashing magazine
Victor Pascual [email protected]@vpascual - www.vpascual.org Text 20
facilita la lectura: resalta lo importante
Victor Pascual [email protected]@vpascual - www.vpascual.org Text 23Reglas
Data Points: Visualizations that means Something - nathan yaw
Victor Pascual [email protected]@vpascual - www.vpascual.org Text 24Reglas
Data Points: Visualizations that means Something - nathan yaw
Victor Pascual [email protected]@vpascual - www.vpascual.org Text 25Reglas
Data Points: Visualizations that means Something - nathan yaw
Victor Pascual [email protected]@vpascual - www.vpascual.org Text 26Reglas
Data Points: Visualizations that means Something - nathan yaw
Victor Pascual [email protected]@vpascual - www.vpascual.org Text
reglas de infovis
27
forma sigue a la necesidad
reglas de infovisreglas de infovis
➡ Mostrar varias variables➡ Presupuesto en defensa➡ Efectivos en ejército➡ Población del país
➡ Comparar variables entre paises
➡ Ordenar los paises en función de las variables
➡ Encontrar correlaciones
Objetivos
“The functional Art”Alberto Cairo, 2012
reglas de infovisreglas de infovis
“The functional Art”Alberto Cairo, 2012
➡ Mucho espacio dedicado al mapa
Problemas
reglas de infovisreglas de infovis
“The functional Art”Alberto Cairo, 2012
➡ Dificultad para comparar los datos➡ ¿Qué país es el más poblado?➡ ¿Qué país tiene un mayor
presupuesto?➡ ¿Qué país tiene menos efectivos?
Problemas
reglas de infovisreglas de infovis
“The functional Art”Alberto Cairo, 2012
➡ Dificultad para comparar los datos➡ ¿Qué país es el más poblado?➡ ¿Qué país tiene un mayor
presupuesto?➡ ¿Qué país tiene menos efectivos?
Problemas
Victor Pascual [email protected]@vpascual - www.vpascual.orgprepara bien tus datos 33
reglas de infovisreglas de infovis
“The functional Art”Alberto Cairo, 2012
➡ Brasil sigue siendo el país predominante en todas las variables!!!➡ ES EL PAÍS MÁS GRANDE!
Problemas
reglas de infovisreglas de infovis
“The functional Art”Alberto Cairo, 2012
➡ Brasil sigue siendo el país predominante en todas las variables!!!➡ ES EL PAÍS MÁS GRANDE!
Problemas
Victor Pascual [email protected]@vpascual - www.vpascual.org
37
IMDB ratings of my favorite series - víctor pascual
Victor Pascual [email protected]@vpascual - www.vpascual.org Reglas
añadir interacción(cuando sea posible)
“I hear and I forget. I see and I remember. I do and I understand”
confucious
39
Victor Pascual [email protected]@vpascual - www.vpascual.org Reglas
➡ Data Journalism ➡ (periodismo digital)➡ democratización de las
visualizaciones
40
how different groups spend their day - new york times
Victor Pascual [email protected]@vpascual - www.vpascual.org Reglas 41
how different groups spend their day - new york times
Interacción con el “scroll” para contar historias
Scrollytelling
Victor Pascual [email protected]@vpascual - www.vpascual.org Reglas 42
How the Recession Reshaped the Economy, in 255 Charts - new york times
Victor Pascual [email protected]@vpascual - www.vpascual.org Reglas 43
A visual introduction to machin learning - http://www.r2d3.us/visual-intro-to-machine-learning-part-1/
Victor Pascual [email protected]@vpascual - www.vpascual.org
44Truthful: Tratar de contar la verdad(aquella en la que creamos de la forma más objetiva posible)
alberto cairo, tapestry 2014
Victor Pascual [email protected]@vpascual - www.vpascual.org Aspect Ratio
➡ Aspect ratio: ratio entre altura y anchura
46
Victor Pascual [email protected]@vpascual - www.vpascual.org Aspect Ratio
➡ Aspect ratio: ratio entre altura y anchura
47
Victor Pascual [email protected]@vpascual - www.vpascual.org Aspect Ratio
➡ No existe un aspect ratio “ideal”➡ Tufte: evitar ratios que➡ dejen el gráfico demasiado “plano” ➡ creen picos muy pronunciados
48
Victor Pascual [email protected]@vpascual - www.vpascual.org Aspect Ratio 49
02
46
810
12
Años
Ta
sa
de
de
se
mp
leo
(%
)1948 1952 1956 1960 1964 1968 1972 1976 1980 1984 1988 1992 1996 2000 2004 2008
0246
81012
Años
Tasa de desempleo (%
)
1948 1952 1956 1960 1964 1968 1972 1976 1980 1984 1988 1992 1996 2000 2004 2008
02
46
810
12
Años
Tasa
de
dese
mpl
eo (%
)
1948 1952 1956 1960 1964 1968 1972 1976 1980 1984 1988 1992 1996 2000 2004 2008
Mala práctica!
Mala práctica!
No aplicar un aspect ratio “natural”
Victor Pascual [email protected]@vpascual - www.vpascual.org
51
Mala práctica!
Utilizar áreas en lugar de distancias
Victor Pascual [email protected]@vpascual - vpascual.org/blog
Visualización de Información Master en Comunicación y Marketing Online
Objetivos 52
otro gráfico para la historia - malaprensa.com
Victor Pascual [email protected]@vpascual - vpascual.org/blog
Visualización de Información Master en Comunicación y Marketing Online
Objetivos 53
otro gráfico para la historia - malaprensa.com
7394
61421
Victor Pascual [email protected]@vpascual - vpascual.org/blog
Visualización de Información Master en Comunicación y Marketing Online
Objetivos 54
otro gráfico para la historia - malaprensa.com
Mala práctica!
Ocultar los ejes y modificar posiciones
Victor Pascual [email protected]@vpascual - www.vpascual.org
Modificar la secuencia de valores de un eje
Mala práctica!
Victor Pascual [email protected]@vpascual - www.vpascual.org Text 59
+47%
portada - el mundo 04-02-2009
Victor Pascual [email protected]@vpascual - www.vpascual.org Text
+194%
60
portada - el mundo 04-02-2009
Victor Pascual [email protected]@vpascual - www.vpascual.org Manipular 61
portada - el mundo 04-02-2009
Victor Pascual [email protected]@vpascual - www.vpascual.org Manipular 62
portada - el mundo 04-02-2009
Victor Pascual [email protected]@vpascual - www.vpascual.org Manipular 63
portada - el mundo 04-02-2009
No centrar gráficos de barrasen el 0
Mala práctica!
Mala práctica!
Mala práctica!
Mala práctica!
Mala práctica!
Mala práctica!
Victor Pascual [email protected]@vpascual - www.vpascual.org
65
the macroscope - joel de rosnay (1979)
Victor Pascual [email protected]@vpascual - www.vpascual.org
66
moritz stefaner“worlds, not stories”
Victor Pascual [email protected]@vpascual - www.vpascual.org
Muchas gracias!