Visualización de datos -...

Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza

Visualización de datos


¿Qué es la visualización?

“Una imagen vale más que mil palabras”

(proverbio chino)


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......



“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)



(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:



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



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




Pero… ¿era de verdad así el camión?


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)


Nivel de iconicidad de un dibujo (Abraham Moles, francés)

Semántica






“ver es creer”.

“ver es tambien comprender”.

Se observa, se analiza y se obtienen conclusiones



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 -



Aunque hay que tener cuidado con las ‘ilusiones’


(Ver otros ejemplos)


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)



Vis. Científica – Datos numéricos

Vis. Datos - Datos financieros

Vis. Información - Datos Abstractos



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


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


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


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


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)



Ejemplo: tren Paris-Lyon, 1880s

… puede trabajar con series temporales



Ejemplo: Campaña de Rusia de Napoleon, 1812, se muestran6 variables en un grafo2D

… puede ser narrativa



Ejemplo:

Grafo miedo-ira

… puede representar cada dato mediante informaciónvisual (gráfica, icónica, mediante imagen, color, estructuras)









Graficacia (graphicacy): capacidad mínima para interpretar y generar información en forma gráfica



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.










http://www.perceptualedge.com/files/GraphDesignIQ.html

http://www.perceptualedge.com/files/GraphDesignIQ.html



Ejemplo:

The Lie Factor = Tamaño del efecto que se muestraTamaño del efecto en los Datos

Integridad gráfica--(1) ...



Ejemplo:La evolución del precio del barril

Visualizando datos pormedio de objetos con más dimensiones



Ejemplo: muertes por tráfico en Connecticut

Sacando datos fuera del contexto o presentándolosde forma muy dispersa















Ejemplo: el modelo de tormenta del NCSA

La gracia en la presentación es fundamental paraconseguir que los datos sean interesantes


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.

Date post:	08-Jun-2020
Category:	Documents
Upload:	others
View:	3 times
Download:	0 times

Visualización de datos -...

Documents