mccormick et al. 1987

30
Visualización de datos Julio 2016

Upload: tranquynh

Post on 31-Dec-2016

219 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: McCormick et al. 1987

Visualización de datos

Julio 2016

Page 2: McCormick et al. 1987

Introducción

Límites perceptivos

Ventajas de la visualización

Fundamentos

Recursos web

Diseño de visualizaciones

Ejemplos

1

2

3

4

5

6

7

0Índice

Visualización de datos (Formación CIB) — BBVA Data & Analytics 2016

Page 3: McCormick et al. 1987

1Introducción

Visualización de datos (Formación CIB) — BBVA Data & Analytics 2016

¿Qué es visualización?

“Transformar información simbólica en información geométrica”(McCormick et al. 1987)

“El uso de representaciones visuales de datos generadas por ordenador para aumentar la cognición”(Card, Mackinlay, & Shneiderman 1999)

Page 4: McCormick et al. 1987

1Introducción

¿Aumentar la cognición?

Visualización de datos (Formación CIB) — BBVA Data & Analytics 2016

“El uso de representaciones visuales de datos generadas por ordenador para aumentar la cognición”(Card, Mackinlay, & Shneiderman 1999)

Page 5: McCormick et al. 1987

Cuarteto de Anscombe

Visualización de datos (Formación CIB) — BBVA Data & Analytics 2016

1Introducción

Page 6: McCormick et al. 1987

Cuarteto de Anscombe

Visualización de datos (Formación CIB) — BBVA Data & Analytics 2016

1Introducción

Page 7: McCormick et al. 1987

¡Aumentar la cognición!No (sólo) tiene un fin estético

Visualización de datos (Formación CIB) — BBVA Data & Analytics 2016

1Introducción

Page 8: McCormick et al. 1987

Brote de Cólera

Mapa de Snow del brote de Cólera de Soho — Londres, 1854

Visualización de datos (Formación CIB) — BBVA Data & Analytics 2016

1Introducción

Page 9: McCormick et al. 1987

2Límites perceptivos

Visualización de datos (Formación CIB) — BBVA Data & Analytics 2016

Page 10: McCormick et al. 1987

2Límites perceptivos

Visualización de datos (Formación CIB) — BBVA Data & Analytics 2016

Ejemplo de visualización realizada en colaboración con UNGP que muestra el impacto en lastransacciones de tarjeta en Baja California Sur tras el paso del Huracán Odile en septiembre de 2014.

16GB de datos — no se entenderían si no fueran visualizados

Page 11: McCormick et al. 1987

3Ventajas de la visualización

Permite encontrar patrones (inesperados)

“Expande” la cognición y la memoria

Mejora la comunicación

Mejora la toma de decisiones

Visualización de datos (Formación CIB) — BBVA Data & Analytics 2016

Page 12: McCormick et al. 1987

3Ventajas de la visualización

Visualización de datos (Formación CIB) — BBVA Data & Analytics 2016

Page 13: McCormick et al. 1987

4Fundamentos

Visualización de datos (Formación CIB) — BBVA Data & Analytics 2016

Page 14: McCormick et al. 1987

5Recursos web

Visualización de datos (Formación CIB) — BBVA Data & Analytics 2016

http://www.vizipedia.com

Page 15: McCormick et al. 1987

5Recursos web

Visualización de datos (Formación CIB) — BBVA Data & Analytics 2016

http://www.datavizcatalogue.com/index.html

Page 16: McCormick et al. 1987

6Diseño de visualizaciones

Visualización de datos (Formación CIB) — BBVA Data & Analytics 2016

Problema a resolver

Tiempo — ¿De cuánto tiempo disponemos para resolverlo?

Datos relevantes — ¿Volumen? ¿Nº de variables?

Experto/no-experto

Page 17: McCormick et al. 1987

6Diseño de visualizaciones

Visualización de datos (Formación CIB) — BBVA Data & Analytics 2016

Page 18: McCormick et al. 1987

6Diseño de visualizaciones

Visualización de datos (Formación CIB) — BBVA Data & Analytics 2016

Si tuvieses sólo 1 minuto para resolver el problema…

¿Cuál sería la visualización que te ayudaría más?

Page 19: McCormick et al. 1987

6Diseño de visualizaciones

Visualización de datos (Formación CIB) — BBVA Data & Analytics 2016

¿Qué operaciones mentales hay que hacer?

Comparar

Detectar patrones

Localizar outliers

Detectar agrupaciones

Page 20: McCormick et al. 1987

6Diseño de visualizaciones

Visualización de datos (Formación CIB) — BBVA Data & Analytics 2016

Operación: Vamos a comparar una variable

Alternativas:

Radial chart

Radial-Bar chart

Bar chart

Donut/Pie chart

Page 21: McCormick et al. 1987

6Diseño de visualizaciones

Visualización de datos (Formación CIB) — BBVA Data & Analytics 2016

Operación: Vamos a comparar dos variables

Alternativas:

Stacked bar chart

Multi-set bar chart

Page 22: McCormick et al. 1987

6Diseño de visualizaciones

Visualización de datos (Formación CIB) — BBVA Data & Analytics 2016

Se han enumerado hasta 450 tipos de visualizaciones (y creciendo).

¿Cómo trabajar entonces?

Page 23: McCormick et al. 1987

6Diseño de visualizaciones

Visualización de datos (Formación CIB) — BBVA Data & Analytics 2016

Page 24: McCormick et al. 1987

6Diseño de visualizaciones

Visualización de datos (Formación CIB) — BBVA Data & Analytics 2016

Page 25: McCormick et al. 1987

7Ejemplos

Visualización de datos (Formación CIB) — BBVA Data & Analytics 2016

¿Cuántos meses 2014 supera la métrica de 2015?

a) Dosb) Tresc) Cuatro

Page 26: McCormick et al. 1987

7Ejemplos

Visualización de datos (Formación CIB) — BBVA Data & Analytics 2016

Page 27: McCormick et al. 1987

7Ejemplos

Visualización de datos (Formación CIB) — BBVA Data & Analytics 2016

Las comparaciones son mejores si están adyacentes o muy próximas, si están conectadas con líneas o si son comparaciones horizontales.

Page 28: McCormick et al. 1987

7Ejemplos

Visualización de datos (Formación CIB) — BBVA Data & Analytics 2016

¿Qué comparación se fomenta?

¿Está pensada para una visión repetitiva o no?

¿Hace falta ser experto?

¿Qué llama la atención?

¿Puedes ver las proporciones entre colores?

Page 29: McCormick et al. 1987

7Ejemplos

Visualización de datos (Formación CIB) — BBVA Data & Analytics 2016

¿Cuántas variables hay?

¿Qué comparaciones fomenta?

¿Cuáles no se pueden hacer?

¿Podríamos comparar Banca Comercial con BEC?

Page 30: McCormick et al. 1987

¡GRACIAS!

¿Quieres saber más?

Data Visualization & Data ExperienceBBVA Data & Analytics

[email protected]: @BBVAData