2h workshop on main concepts and personalities in dataviz, plus an approach to cartodb, gephi and tableau

1. Data Visualization
European Creativity Festival
Óscar Marín Miró - Outliers Collective
@outliers_es
www.outliers.es

2. Contents
Visualization matters Tool Overwiew
Digging deeper Maps: CartoDB
References
★What is data visualization?
★Why visualize?
Networks:Gephi
All-purpose: Tableau
★Brief history
★Editorial approximations
★Data dimensions
★Relevant people
★A dataviz team
★Coding tools
★Interactive tools

3. Links for the workshop
★Gephi download link
★CartoDB sign up
★‘Tableau public’ download
★Datasets + pdf on github

4. Visualization matters
John Snow map

5. What is Data Visualization?
“Technologies that transform data into
information through visual elements”

6. What is Data Visualization?
Wisdom
Knowledge
Information
Dat
★Non-transmittable
★Ethical application of knowledge
★Personal assimilation of information
★‘Insights’
★Structured data
★Semantics
★Narrative
★Observational registers
Cognitive complexity

7. Why do Data Visualization matter?
link

8. Why do Data Visualization matter?
Anscombe’s quartet

9. Why do Data Visualization matter?
Anscombe’s quartet

10. Why do Data Visualization matter?
John Snow map

11. Digging deeper
link

12. Brief history
XVII century: René Descartes. Descriptive geometry

13. Brief history
XVIII century: William Playfair. Statistical graphics

14. Brief history
XIX century: Charles Joseph Minard. “Infographic”

15. Brief history
Siglo XX: John Tukey. FFT. Box Plot. Exploratory Data Analysis

16. Brief history
Edward Tufte. 1983

17. Brief history
XXI century: Alberto Cairo, Aaron Koblin, Mike Bostock

18. Brief history
Cairo Koblin Bostock

19. Narrative matters, too
Link Link

20. Narrative matters, too
Link

21. Art vs function
(generative) Art
Link

22. Art vs function
Function
Link

23. Figurative vs non-figurative
Figurative Non-figurative

24. Tone
Analysis Emotion
Link

25. Intention: Expose vs Explore
Explore
Link
Expose
Link

26. Data ‘dimensions’
LATCH
★Location
★Alphabet
★Category
★Hierarchy

27. Relevant people: Tufte
★ Edward Rolf Tufte
★ Personal battle against ‘chartjunk’
★ Statistician and emeritus teacher of Political
Sciences, Statistics and Computer Science at Yale
University
Data-Ink Ratio
Link

28. Relevant people: Tufte
Data-Ink Ratio
Link

29. Relevant people: Cairo
★ Alberto Cairo
★ Infographics and information visualisation consultant
★ Teacher and journalist
★ Head of infographics at ‘El Mundo’ [2000-2005]
★ “Infographics 2.0” and “The Functional Art” author
★ Journalist approach to data visualisation
Data-Ink Ratio
Link

30. Relevant people: Cairo
“Visual wheel”
Link

31. Relevant people: Holmes
★ Nigel Holmes
★ Graphic Designer
★ Visually rich infographics
★ Has written eight books about graphic design and
information visualization
★ Worked for ‘Times Magazine’ [1978-1994], designing
‘explanation graphics’

32. Relevant people: Holmes
★ Saskatchewan University: 2010
★ Short+ long term recall was
measured for:
★ Central subject
★ Variables
★ Forms
★ Subjectivity
★ In ‘chartjunk’ cases, at short
term, both subject and form
was much better recalled
★ In the long term, only subject
was much better remembered

33. Meet the Dataviz Team (I)
Tech UX
Value

34. Meet the Dataviz Team (I)
Tech
BackEnd
Engineering
FrontEnd
Engineering
(Implementation) (Representation)
Data Science
HTML5
D3.js
Javascript
Python
MongoDB
Hadoop
Stats
R
Machine Learning
Domain-
Knowledge
Narrative
Data
Answers Questions
UX
Value
+
Answers
(Model)
Data
Questions

35. Visualization tools
OPTE Project

36. Coding tools: Processing
★ Desktop oriented
★ Java-based
★ Good for multimedia artists

37. Coding tools: D3.js
★ Web oriented
★ HTML5 based
★ Good for frontend
developers

38. CartoDB
★ ‘Excel’ for maps
★ Free (limited) version
★ Continuous improvement

39. Gephi
★ ‘Excel’ for networks
★ Network analysis also
★ 100% free
Link

40. Tableau
★ ‘Excel’ for everything else
★ Interactive dataviz+dashboards
★ Free ‘Tableau Public’ version

41. References

42. Further reading
★ “The functional art” - Alberto Cairo
★ “The visual display of quantitative information” -
Edward R. Tufte
★ “Information Graphics” - Several authors
★ “Dataclysm” - Christian Rudder

43. Questions?
Thanks for your attention!