Visualización de datos -...
Transcript of Visualización de datos -...
![Page 1: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/1.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
Visualización de datos
![Page 2: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/2.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
¿Qué es la visualización?
“Una imagen vale más que mil palabras”
(proverbio chino)
![Page 3: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/3.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
It looks like a swirl. There are smaller swirls at the edges. It has different shades of red at the outside, and is mostly green at the inside. The smaller swirls have purple highlights. The green has also different shades. Each small swirl is composed of even smaller ones. The swirls go clockwise. Inside the object, there are also red highlights. Those have different shades of red also. The green shades vary in a fan, while the purple ones are more uni-color. The green shades get darker towards the outside of the fan......
![Page 4: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/4.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
![Page 5: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/5.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
“Una imagen vale más que mil palabras”
(proverbio chino)
“ Una imagen vale más que mil números”
(ligera variación del proverbio chino)
¿Qué es la visualización?
![Page 6: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/6.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
(10,20,21), (12,13,14), (13,32,12),...., (1,2,3), (2,4,5),(3,5,6),.....
Terrain geometry:
Terrain Texture:
Time 0:
(23,34,54), (23,34,23), (45,26,78),....
Volumetric cloud cover:0, 0, 12, 14, 15, 15, 17, 12, 23, 45,.....
Wind vectors:(0.2, 0.3, 0.93,5), (0.4,0.5,0.76,12),...,
Volumetric cloud cover:0, 0, 11, 12, 13, 16, 20, 12, 32, 45,.....
Wind vectors:(0.4,0.5,0.76,12),(0.5,0.5,0.7,6),...
Time 1:
![Page 7: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/7.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
![Page 8: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/8.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
La infografía es el resultado de usar las reglas del Diseño de la Información (una de las ramas del Diseño Gráfico) para transmitir noticias, datos o historias.
Generalmente, es el mejor método para reflejar mucha información en poco espacio, o explicar procesos complicados
![Page 9: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/9.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
![Page 10: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/10.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
La persona subiendo las escaleras te recuerda que hagas algo activo cada día, como correr, nadar, correr bicicleta o practicar algún deporte.
Cada color, cada día. Los diferentes colores representan los 5 grupos alimenticios más las grasas. Cada día debes comer de todos los grupos.
Como vez algunas franjas de colores son más anchas que otras, lo que significa que debes escojermás alimentos de los grupos con franjas anchas.
Las franjas son más anchas abajo que arriba. Cada grupo alimenticio tiene alimentos que los debes
http://www.elmundo.es/elmundosalud/documentos/2005/04/piramide_2005.html
![Page 11: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/11.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
![Page 12: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/12.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
![Page 13: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/13.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
Pero… ¿era de verdad así el camión?
![Page 14: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/14.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
Cuanto más detallado sea el camión, menos espacio hay para la imaginación (esto será bueno o malo en función del objetivo final)
![Page 15: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/15.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
Nivel de iconicidad de un dibujo (Abraham Moles, francés)
Semántica
![Page 16: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/16.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
![Page 17: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/17.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
![Page 18: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/18.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
![Page 19: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/19.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
![Page 20: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/20.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
“ver es creer”.
“ver es tambien comprender”.
Se observa, se analiza y se obtienen conclusiones
¿Qué es la visualización?
![Page 21: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/21.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
La transformación de datos o información en imágenes, con objeto de utilizar el sentido máspotente para análisis de la información que tieneel ser humano.
- la visión -
¿Qué es la visualización?
![Page 22: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/22.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
Aunque hay que tener cuidado con las ‘ilusiones’
¿Qué es la visualización?
(Ver otros ejemplos)
![Page 23: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/23.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
Es una herramienta de comunicación
Sirve para analizar y comprender los diferentestipos de representaciones compactas que existende la información (e.g. Números)
¿Qué es la visualización?
![Page 24: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/24.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
Vis. Científica – Datos numéricos
Vis. Datos - Datos financieros
Vis. Información - Datos Abstractos
¿Qué es la visualización?
![Page 25: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/25.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
Objetivos
Harness perceptual capabilities of human visual system to extract information from data sets
Look for structure, features, patterns, trends, anomalies, relationships
Provide a qualitative overview of large, complex data sets
Assist in identifying region(s) of interest andappropriate parameters for more focussedquantitative analysis
![Page 26: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/26.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
La visualización debería ...
Mostrar los datos
Inducir en el observador pensamientos sobre la sustancia de las cosas en vez de sobre la metodología, tecnología o cosas así
Evitar distorsionar la información contenida en losdatos
![Page 27: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/27.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
La visualización debería (2)..
Presentar la información en un espacio pequeño
Hacer coherentes grandes conjuntos de datos
Animar al ojo a que compare diferentes partes de los datos
Revelar la información contenida en los datos a distintos niveles de detalle
![Page 28: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/28.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
La representación gráfica puede ..
Ejemplo:Mapa de la distribucióndel cólera en el centrode Londres, 1854, por elDr. John Snow
…ser más precisa y esclarecedora que lasrepresentaciones numéricas
![Page 29: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/29.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
La representación gráfica (2) ...
Ejemplo:Distribución de losescombrosespaciales
… puede capturar mucha información en muy pocoespacio (miles de millones de bits en un papel)
![Page 30: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/30.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
La representación gráfica (3) ...
Ejemplo: tren Paris-Lyon, 1880s
… puede trabajar con series temporales
![Page 31: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/31.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
La representación gráfica (4) ...
Ejemplo: Campaña de Rusia de Napoleon, 1812, se muestran6 variables en un grafo2D
… puede ser narrativa
![Page 32: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/32.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
La representación gráfica (5) ...
Ejemplo:
Grafo miedo-ira
… puede representar cada dato mediante informaciónvisual (gráfica, icónica, mediante imagen, color, estructuras)
![Page 33: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/33.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
La representación gráfica (6) ...
![Page 34: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/34.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
La representación gráfica (6) ...
![Page 35: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/35.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
La representación gráfica (6) ...
![Page 36: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/36.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
La representación gráfica (6) ...
Graficacia (graphicacy): capacidad mínima para interpretar y generar información en forma gráfica
![Page 37: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/37.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
![Page 38: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/38.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
The table collects together the returns of12 categories of funds over a 15-yearperiod. The fund returns are specified, as are the ranking of each fund withinthe dozen for each year.
The table collects together the returns of12 categories of funds over a 15-yearperiod. The fund returns are specified, as are the ranking of each fund withinthe dozen for each year.
![Page 39: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/39.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
![Page 40: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/40.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
![Page 41: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/41.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
![Page 42: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/42.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
![Page 43: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/43.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
![Page 44: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/44.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
![Page 45: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/45.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
![Page 46: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/46.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
![Page 47: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/47.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
http://www.perceptualedge.com/files/GraphDesignIQ.html
![Page 48: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/48.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
![Page 49: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/49.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
Ejemplo:
The Lie Factor = Tamaño del efecto que se muestraTamaño del efecto en los Datos
Integridad gráfica--(1) ...
![Page 50: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/50.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
Integridad gráfica--(2) ...
Ejemplo:La evolución del precio del barril
Visualizando datos pormedio de objetos con más dimensiones
![Page 51: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/51.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
Integridad gráfica--(3) ...
Ejemplo: muertes por tráfico en Connecticut
Sacando datos fuera del contexto o presentándolosde forma muy dispersa
![Page 52: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/52.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
Integridad gráfica--(3) ...
![Page 53: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/53.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
Integridad gráfica--(3) ...
![Page 54: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/54.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
Integridad gráfica--(3) ...
![Page 55: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/55.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
Integridad gráfica--(3) ...
![Page 56: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/56.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
Integridad gráfica--(3) ...
![Page 57: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/57.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
Integridad gráfica--(3) ...
![Page 58: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/58.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
Integridad gráfica--(4) ...
Ejemplo: el modelo de tormenta del NCSA
La gracia en la presentación es fundamental paraconseguir que los datos sean interesantes
![Page 59: Visualización de datos - unizar.esgiga.cps.unizar.es/~diegog/ficheros/teaching/visualizacion.pdf · zLa infografía es el resultado de usar las reglas del Diseño de la Información](https://reader030.fdocuments.in/reader030/viewer/2022041104/5f03ffe07e708231d40bd1ba/html5/thumbnails/59.jpg)
Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza
Algunas conclusiones sobre el diseño
La representación de los números debe ser directamente proporcional a la cantidad numéricarepresentada
El etiquetado debe ser claro y detallado para evitardistorsiones y ambigüedades
Hay que mostrar las variaciones de los datos y no las del diseño
Evitar desorden
Los gráficos no deben sacarse fuera del contexto.