Sessió impartida per Victor Pascual

1. Visualización de Información
Víctor Pascual Cid

2. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org
2
Víctor Pascual Cid
victor@vpascual.org
Twitter: @vpascual
http://www.vpascual.org
➡ Doctor en Informática y Comunicación Digital por la UPF
➡ Consultor en análisis y visualización de datos
➡ Co-fundador de OneTandem.com
Haciendo explícito lo implícito
Diseño y desarrollo visualizaciones de datos

3. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org Outline 3
¿Por qué?
¿Qué es?
El proceso
Objetivos y ejemplos
Herramientas

4. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org 1.¿Por qué? 4
Introducción
¿Por qué?

5. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org ¿Por qué?
Business intelligence
5
“the ability to apprehend the interrelationships of presented facts in
such a way as to guide action towards a desired goal
Hans Peter Luhn, 1958
“concepts and methods to improve business decision making using
fact-based support systems
Howard Dresner

6. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org ¿Por qué? 6
http://www.perceptualedge.com/blog/?p=820
Visualization is suitable when there is a need to augment human
capabilities rather than replace people with computational decision-
making tools
Tamara Munzner, Visualization Analysis & Design, 2014

7. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org ¿Por qué? 7
http://www.perceptualedge.com/blog/?p=820
➡ La visualización nos ayuda a explotar nuestras capacidades
cognitivas
➡ Además de centrarnos en crear infraestructuras para procesar
datos (Big Data), necesitamos metodologías par utilizarlos

8. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org Objetivos 8
Cuarteto de Anscombe
Mirar los datos antes de analizarlos!

9. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org Explorar 9
Cuarteto de Anscombe
Mirar los datos antes de analizarlos!

10. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org Text
cotización en bolsa de Apple (APPL)
10

11. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org Text 11
cotización en bolsa de Apple (APPL)

12. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org Text 12

13. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org ¿Por qué?
cotizaciones en bolsa
APPL GOOGL
IBM MCSFT
ORCL RPSOL
RSA YHOO
13

14. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org ¿Por qué?
APPL GOOGL
IBM MCSFT
ORCL RPSOL
RSA YHOO
DSA
LMP
PSAQ
FASD
VFGT
APPL
MASD
MASD
FASD
FASD
MASD
DSA
MASD
DSA
VFGT
LMP
VFGT
14

15. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org ¿Por qué? 15
map of the market - smartmoney.com

16. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org ¿Qué es? 16
Introducción
¿Qué es?

17. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org ¿Qué es? 17
a graphical representation of data or concepts,
which is either an internal construct of the mind
or an external artifact supporting decision
making
C. Ware, 2000.
Visualization

18. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org ¿Qué es? 18
a visual representation of information or
data, e.g. as a chart or diagram.
Oxford Dictionary of English
Infographic

19. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org ¿Qué es? 19
➡ visualizaciones estáticas
➡ comunicar datos
➡ detectar patrones y outliers
➡ utilizadas en formatos físicos
El País

20. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org ¿Qué es? 20
the use of computer-supported, interactive,
visual representations of abstract data to
amplify cognition
Card et al., 1999
Information Visualization

21. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org ¿Qué es? 21
➡ visualizaciones interactivas
➡ comunicar datos
➡ detectar patrones y outliers
➡ explorar datos
➡ personalizar la información
➡ analizar en profundidad

22. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org ¿Qué es?
better life initiative - moritz steffaner
22

23. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org ¿Qué es? 23

24. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org ¿Qué es? 24

25. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org ¿Qué es? 25

26. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org ¿Qué es? 26

27. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org ¿Qué es? 27

28. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org El proceso 28
Introducción
El proceso

29. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org El proceso 29
el diagrama de la Visualización de Información - Dürsteler & Engelhardt (adaptado por Jaume Pérez)
º

30. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org Objetivos 30
Introducción
Objetivos y Ejemplos

31. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org Text 31
1. Comunicar

32. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org Text 32

33. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org Objetivos 33
2. Datos en contexto

34. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org Text 34
My Life in Weeks

35. IMDB ratings of my favorite series - Victor Pascual

36. IMDB ratings of my favorite series
Victor Pascual

37. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org Objetivos 37
3. Explorar (EDA)

38. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org Explorar
Shanghai Rankin evolution - víctor pascual
38

39. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org Explorar
Shanghai Rankin evolution - víctor pascual
39

40. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org Explorar
Shanghai Rankin evolution - víctor pascual
40

41. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org Text
Explorar
University
Rankings -
SIRIS
Academic
41

42. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org Text
Stephen
Curry shots -
OneTandem
42

43. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org Objetivos 43
4. Encontrar patrones y
outliers

44. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org Patrones y outliers 44
flight patterns 2005 - aaron koblin

45. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org Text 45
flight patterns 2005 - aaron koblin

46. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org Text 46
flight patterns 2005 - aaron koblin

47. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org Text 47
flight patterns 2005 - aaron koblin

48. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org Text 48
flight patterns 2005 - aaron koblin

49. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org Text 49
flight patterns 2005 - aaron koblin

50. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org Text
locals vs. tourists - eric fischer
50

51. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org Text 51
locals vs. tourists - eric fischer

52. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org Reglas 52
Herramientas

53. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org
53
https://public.tableau.com

54. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org
54
http://rawgraphs.io/

55. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org
55
https://d3js.org/
http://blockbuilder.org/
https://bl.ocks.org/

56. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org
56
https://gephi.org/

57. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org
57
http://www.datavizcatalogue.com/

58. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org
58
https://keshif.me/demo/VisTools

59. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org
59
http://www.visualisingdata.com/resources/

60. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org Reglas
➡ Journalism
➡ (periodismo digital)
➡ democratización de las
visualizaciones
60
How the Recession Reshaped the Economy, in 255 Charts - new york times

61. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org Reglas
➡ Journalism
➡ (periodismo digital)
➡ democratización de las
visualizaciones
61
A visual introduction to machin learning - http://www.r2d3.us/visual-intro-to-machine-learning-part-1/

62. Victor Pascual Cid
victor@vpascual.org
@vpascual - www.vpascual.org Text 62
Muchas gracias!