mccormick et al. 1987

Visualización de datos

Julio 2016

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

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)

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)

Cuarteto de Anscombe

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

1Introducción

Cuarteto de Anscombe

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

1Introducción

¡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

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

2Límites perceptivos

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

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

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

3Ventajas de la visualización

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

4Fundamentos

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

5Recursos web

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

http://www.vizipedia.com

5Recursos web

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

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

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

6Diseño de visualizaciones

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

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?

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

…

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

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

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?

6Diseño de visualizaciones

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

6Diseño de visualizaciones

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

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

7Ejemplos

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

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.

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?

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?

¡GRACIAS!

¿Quieres saber más?

Data Visualization & Data ExperienceBBVA Data & Analytics

hello@bbvadata.comTwitter: @BBVAData