Visualización de datos

(1)

Grupo de Informática Gráfica Avanzada Universidad de Zaragoza

(2)

¿Qué es la visualización?

z

“Una imagen vale más que mil palabras”

(3)

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

(4)

(5)

z

“Una imagen vale más que mil palabras”

(

proverbio chino

)

z

“ Una imagen vale más que mil números”

(

ligera variación del proverbio chino

)

(6)

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

(7)

(8)

z

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.

z

Generalmente, es el

mejor método para

reflejar mucha información

en

poco espacio, o

explicar procesos

complicados

(9)

(10)

z

La persona subiendo las escaleras

te recuerda que hagas algo activo

cada día, como correr, nadar,

correr bicicleta o practicar algún

deporte.

z

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.

z

Como vez algunas franjas de

colores son más anchas que otras,

lo que significa que debes escojer

más alimentos de los grupos con

franjas anchas.

z

Las franjas son más anchas abajo

que arriba. Cada grupo alimenticio

tiene alimentos que los debes

(11)

(12)

(13)

(14)

z

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)

(15)

z

Nivel de iconicidad de un dibujo (Abraham Moles,

francés)

(16)

(17)

(18)

(19)

(20)

z

“ver es creer”.

z

“ver es tambien comprender”.

Se observa, se analiza y se obtienen conclusiones

¿Qué es la visualización?

(21)

z

La transformación de datos o información en

imágenes, con objeto de utilizar el sentido más

potente para análisis de la información que tiene

el ser humano.

la visión

(22)

Aunque hay que tener cuidado con las ‘ilusiones’

¿Qué es la visualización?

(23)

z

Es una herramienta de comunicación

z

Sirve para analizar y comprender los diferentes

tipos de representaciones compactas que existen

de la información (e.g. Números)

(24)

z

Vis. Científica –

Datos numéricos

z

Vis. Datos -

Datos financieros

z

Vis. Información -

Datos Abstractos

¿Qué es la visualización?

(25)

Objetivos

z

Harness perceptual capabilities of human visual

system to extract information from data sets

z

Look for structure, features, patterns, trends,

anomalies, relationships

z

Provide a qualitative overview of large, complex data

sets

z

Assist in identifying region(s) of interest and

appropriate parameters for more focussed

quantitative analysis

(26)

La visualización debería ...

z

Mostrar los datos

z

Inducir en el observador pensamientos sobre la

sustancia de las cosas en vez de sobre la

metodología, tecnología o cosas así

z

Evitar distorsionar la información contenida en los

(27)

La visualización debería (2)..

z

Presentar la información en un espacio pequeño

z

Hacer coherentes grandes conjuntos de datos

z

Animar al ojo a que compare diferentes partes de

los datos

z

Revelar la información contenida en los datos a

(28)

La representación gráfica puede ..

z

Ejemplo:

Mapa de la distribución

del cólera en el centro

de Londres, 1854, por el

Dr. John Snow

…ser más precisa y esclarecedora que las

representaciones numéricas

(29)

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

z

Ejemplo:

Distribución de los

escombros

espaciales

… puede capturar mucha información en muy poco

espacio (miles de millones de bits en un papel)

(30)

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

z

Ejemplo:

tren Paris-Lyon, 1880s

(31)

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

z

Ejemplo:

Campaña de Rusia de Napoleon, 1812, se muestran

6 variables en un grafo2D

(32)

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

z

Ejemplo:

Grafo miedo-ira

… puede representar cada dato mediante información

visual (gráfica, icónica, mediante imagen, color,

(33)

(34)

(35)

(36)

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

z

Graficacia (graphicacy): capacidad mínima para

interpretar y generar información en forma gráfica

(37)

(38)

The table collects together the returns of

12 categories of funds over a 15-year

period. The fund returns are specified,

as are the ranking of each fund within

the dozen for each year.

The table collects together the returns of

12 categories of funds over a 15-year

period. The fund returns are specified,

as are the ranking of each fund within

the dozen for each year.

(39)

(40)

(41)

(42)

(43)

(44)

(45)

(46)

(47)

(48)

(49)

z

Ejemplo:

The Lie Factor =

Tamaño del efecto que se muestra

Tamaño del efecto en los Datos

(50)

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

z

Ejemplo:

La evolución del

precio del barril

Visualizando datos por

medio de objetos con

más dimensiones

(51)

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

z

Ejemplo:

muertes por tráfico en Connecticut

Sacando datos fuera del contexto o presentándolos

de forma muy dispersa

(52)

(53)

(54)

(55)

(56)

(57)

(58)

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

z

Ejemplo

:

el modelo de tormenta del NCSA

z

La gracia en la presentación es fundamental para

(59)