Data visualization
Alejandro Vidal
Al acabar esta presentación...
Sabrás:
- Qué es la visualización de datos
- Usos y (malusos) de la visualización
- Cómo aprender a ser visualizador
Qué es la visualización de datos
x | y | x | y | x | y | x | y |
---|---|---|---|---|---|---|---|
10.0 | 8.04 | 10.0 | 9.14 | 10.0 | 7.46 | 8.0 | 6.58 |
8.0 | 6.95 | 8.0 | 8.14 | 8.0 | 6.77 | 8.0 | 5.76 |
13.0 | 7.58 | 13.0 | 8.74 | 13.0 | 12.74 | 8.0 | 7.71 |
9.0 | 8.81 | 9.0 | 8.77 | 9.0 | 7.11 | 8.0 | 8.84 |
11.0 | 8.33 | 11.0 | 9.26 | 11.0 | 7.81 | 8.0 | 8.47 |
14.0 | 9.96 | 14.0 | 8.10 | 14.0 | 8.84 | 8.0 | 7.04 |
6.0 | 7.24 | 6.0 | 6.13 | 6.0 | 6.08 | 8.0 | 5.25 |
4.0 | 4.26 | 4.0 | 3.10 | 4.0 | 5.39 | 19.0 | 12.50 |
12.0 | 10.84 | 12.0 | 9.13 | 12.0 | 8.15 | 8.0 | 5.56 |
7.0 | 4.82 | 7.0 | 7.26 | 7.0 | 6.42 | 8.0 | 7.91 |
5.0 | 5.68 | 5.0 | 4.74 | 5.0 | 5.73 | 8.0 | 6.89 |

f(x) = Y
f(Datos) = Imagen
f(Datos) = Imagen
La visualización de datos es la disciplina que se ocupa de....
Periodismo de datos / Comunicación
Analítica básica/
Business Intelligence
Estética /
Data Art
Analítica avanzada / Visual Analytics
Educación / Docencia
PERIODISMO
COMUNICAR
ANAlÍTICA / BI
DOCENCIA
DOCENCIA (II)
VISUAL ANALYTICS
DATA ART


Cómo puedo aprender
- Percepción humana
- Diseño centrado en el usuario
- Storytelling
+
Desarrollo web
Uso de herramientas viz
Percepción Humana

¿Cuál es la industria que genera más desempleo?

¿A partir del 2008 el desempleo se duplica o se triplica?

Misma pregunta ;)

¿Cuál es más grande?
¿Es mayor China o UK?

¿Cuál es más grande?
¿Cuál es mayor China o UK?
Ordénalos de mayor a menor
¿Cuál es la proporción entre China y USA?

¿Cuál es más grande?
¿Cuál es mayor China o UK?
Ordénalos de mayor a menor
¿Cuál es la proporción entre China y USA?
Diseño centrado en el usuario
Siempre hay una pregunta de usuario/negocio
Por ejemplo:
¿Está aumentando el paro?
¿Está aumentando el paro?


Si sólo tuvieras 30 segundos para tomar una decisión cómo sería la visualización ideal

Ejercicio práctico
vamos a ver si habéis atendido
Tenemos un dataset de ventas de un comercio online con las siguientes variables:
- Categoría: Furniture, Office Supplies, Technology
- Región: North, East, West, Central
- Importe o volumen de ventas
Diseñad una visualización para...
- ¿Qué región ha vendido más?
- ¿Hay alguna región que venda mucho de una categoría determinada?
Por ejemplo: muchas pizzas en Roma o muchos pretzels en Berlin




Me encanta
Próximos pasos
cóMO continuar
Si quieres hacer periodismo de datos:
- Desarrollo web/frontend: d3.js, javascript, svg, ...
Interactive Data Visualization by Scott Murray -
Análisis de datos: R, Python, ...
Data Science: R Basics by edX's Harvard
Python for Data Science by edX's UC San Diego - Herramientas especializadas: Tableau, Qlik, ...
-
Teoría de visualización de datos
Visualization Design by Tamara Munzner
Visualize this
Gracias
Preguntas?
Alejandro Vidal
Data Visualization. Oct 2017
By Doble Pensador
Data Visualization. Oct 2017
- 774