visualización de datos -...

Post on 08-Jun-2020

6 Views

Category:

Documents

0 Downloads

Preview:

Click to see full reader

TRANSCRIPT

Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza

Visualización de datos

Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza

¿Qué es la visualización?

“Una imagen vale más que mil palabras”

(proverbio chino)

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

Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza

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?

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:

Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza

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

Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza

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

Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza

Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza

Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza

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

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)

Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza

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

Semántica

Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza

Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza

Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza

Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza

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?

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?

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)

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?

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?

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

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

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

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

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)

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

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

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)

Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza

La representación gráfica (6) ...

Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza

La representación gráfica (6) ...

Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza

La representación gráfica (6) ...

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

Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza

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.

Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza

Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza

Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza

Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza

Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza

Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza

Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza

Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza

Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza

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

Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza

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

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

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

Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza

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

Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza

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

Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza

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

Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza

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

Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza

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

Grupo de Informática Gráfica AvanzadaUniversidad de Zaragoza

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

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

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.

top related