![Page 1: European creativity festival 2014: DataViz workshop](https://reader036.vdocument.in/reader036/viewer/2022062710/55a1b7f61a28abda398b46dc/html5/thumbnails/1.jpg)
Data Visualization European Creativity Festival
Óscar Marín Miró - Outliers Collective@outliers_es
www.outliers.es
![Page 2: European creativity festival 2014: DataViz workshop](https://reader036.vdocument.in/reader036/viewer/2022062710/55a1b7f61a28abda398b46dc/html5/thumbnails/2.jpg)
Contents
Visualization matters Tool Overwiew
Maps: CartoDBDigging deeper
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
![Page 3: European creativity festival 2014: DataViz workshop](https://reader036.vdocument.in/reader036/viewer/2022062710/55a1b7f61a28abda398b46dc/html5/thumbnails/3.jpg)
Links for the workshop
★Gephi download link★CartoDB sign up★‘Tableau public’ download★Datasets + pdf on github
![Page 4: European creativity festival 2014: DataViz workshop](https://reader036.vdocument.in/reader036/viewer/2022062710/55a1b7f61a28abda398b46dc/html5/thumbnails/4.jpg)
Visualization matters
John Snow map
![Page 5: European creativity festival 2014: DataViz workshop](https://reader036.vdocument.in/reader036/viewer/2022062710/55a1b7f61a28abda398b46dc/html5/thumbnails/5.jpg)
What is Data Visualization?
“Technologies that transform data into information through visual elements”
![Page 6: European creativity festival 2014: DataViz workshop](https://reader036.vdocument.in/reader036/viewer/2022062710/55a1b7f61a28abda398b46dc/html5/thumbnails/6.jpg)
What is Data Visualization?
Dat
Information
Knowledge
Wisdom
★Observational registers
★Structured data★Semantics★Narrative
★Personal assimilation of information★‘Insights’
★Non-transmittable★Ethical application of knowledge
Cog
nitiv
e co
mpl
exity
![Page 7: European creativity festival 2014: DataViz workshop](https://reader036.vdocument.in/reader036/viewer/2022062710/55a1b7f61a28abda398b46dc/html5/thumbnails/7.jpg)
link
Why do Data Visualization matter?
![Page 8: European creativity festival 2014: DataViz workshop](https://reader036.vdocument.in/reader036/viewer/2022062710/55a1b7f61a28abda398b46dc/html5/thumbnails/8.jpg)
Why do Data Visualization matter?
Anscombe’s quartet
![Page 9: European creativity festival 2014: DataViz workshop](https://reader036.vdocument.in/reader036/viewer/2022062710/55a1b7f61a28abda398b46dc/html5/thumbnails/9.jpg)
Anscombe’s quartet
Why do Data Visualization matter?
![Page 10: European creativity festival 2014: DataViz workshop](https://reader036.vdocument.in/reader036/viewer/2022062710/55a1b7f61a28abda398b46dc/html5/thumbnails/10.jpg)
John Snow map
Why do Data Visualization matter?
![Page 12: European creativity festival 2014: DataViz workshop](https://reader036.vdocument.in/reader036/viewer/2022062710/55a1b7f61a28abda398b46dc/html5/thumbnails/12.jpg)
Brief history
XVII century: René Descartes. Descriptive geometry
![Page 13: European creativity festival 2014: DataViz workshop](https://reader036.vdocument.in/reader036/viewer/2022062710/55a1b7f61a28abda398b46dc/html5/thumbnails/13.jpg)
Brief history
XVIII century: William Playfair. Statistical graphics
![Page 14: European creativity festival 2014: DataViz workshop](https://reader036.vdocument.in/reader036/viewer/2022062710/55a1b7f61a28abda398b46dc/html5/thumbnails/14.jpg)
Brief history
XIX century: Charles Joseph Minard. “Infographic”
![Page 15: European creativity festival 2014: DataViz workshop](https://reader036.vdocument.in/reader036/viewer/2022062710/55a1b7f61a28abda398b46dc/html5/thumbnails/15.jpg)
Brief history
Siglo XX: John Tukey. FFT. Box Plot. Exploratory Data Analysis
![Page 16: European creativity festival 2014: DataViz workshop](https://reader036.vdocument.in/reader036/viewer/2022062710/55a1b7f61a28abda398b46dc/html5/thumbnails/16.jpg)
Brief history
Edward Tufte. 1983
![Page 17: European creativity festival 2014: DataViz workshop](https://reader036.vdocument.in/reader036/viewer/2022062710/55a1b7f61a28abda398b46dc/html5/thumbnails/17.jpg)
Brief history
XXI century: Alberto Cairo, Aaron Koblin, Mike Bostock
![Page 18: European creativity festival 2014: DataViz workshop](https://reader036.vdocument.in/reader036/viewer/2022062710/55a1b7f61a28abda398b46dc/html5/thumbnails/18.jpg)
Brief history
Cairo Koblin Bostock
![Page 19: European creativity festival 2014: DataViz workshop](https://reader036.vdocument.in/reader036/viewer/2022062710/55a1b7f61a28abda398b46dc/html5/thumbnails/19.jpg)
Narrative matters, too
LinkLink
![Page 20: European creativity festival 2014: DataViz workshop](https://reader036.vdocument.in/reader036/viewer/2022062710/55a1b7f61a28abda398b46dc/html5/thumbnails/20.jpg)
Narrative matters, too
Link
![Page 23: European creativity festival 2014: DataViz workshop](https://reader036.vdocument.in/reader036/viewer/2022062710/55a1b7f61a28abda398b46dc/html5/thumbnails/23.jpg)
Figurative vs non-figurative
Figurative Non-figurative
![Page 24: European creativity festival 2014: DataViz workshop](https://reader036.vdocument.in/reader036/viewer/2022062710/55a1b7f61a28abda398b46dc/html5/thumbnails/24.jpg)
Tone
Link
Analysis Emotion
![Page 25: European creativity festival 2014: DataViz workshop](https://reader036.vdocument.in/reader036/viewer/2022062710/55a1b7f61a28abda398b46dc/html5/thumbnails/25.jpg)
Intention: Expose vs Explore
Explore
Link
ExposeLink
![Page 26: European creativity festival 2014: DataViz workshop](https://reader036.vdocument.in/reader036/viewer/2022062710/55a1b7f61a28abda398b46dc/html5/thumbnails/26.jpg)
Data ‘dimensions’
LATCH
★Location★Alphabet★Category★Hierarchy
![Page 27: European creativity festival 2014: DataViz workshop](https://reader036.vdocument.in/reader036/viewer/2022062710/55a1b7f61a28abda398b46dc/html5/thumbnails/27.jpg)
Relevant people: Tufte
Data-Ink RatioLink
★ Edward Rolf Tufte★ Personal battle against ‘chartjunk’★ Statistician and emeritus teacher of Political
Sciences, Statistics and Computer Science at Yale University
![Page 29: European creativity festival 2014: DataViz workshop](https://reader036.vdocument.in/reader036/viewer/2022062710/55a1b7f61a28abda398b46dc/html5/thumbnails/29.jpg)
Relevant people: Cairo
Data-Ink RatioLink
★ 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
![Page 30: European creativity festival 2014: DataViz workshop](https://reader036.vdocument.in/reader036/viewer/2022062710/55a1b7f61a28abda398b46dc/html5/thumbnails/30.jpg)
Relevant people: Cairo
“Visual wheel”Link
![Page 31: European creativity festival 2014: DataViz workshop](https://reader036.vdocument.in/reader036/viewer/2022062710/55a1b7f61a28abda398b46dc/html5/thumbnails/31.jpg)
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’
![Page 32: European creativity festival 2014: DataViz workshop](https://reader036.vdocument.in/reader036/viewer/2022062710/55a1b7f61a28abda398b46dc/html5/thumbnails/32.jpg)
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
![Page 33: European creativity festival 2014: DataViz workshop](https://reader036.vdocument.in/reader036/viewer/2022062710/55a1b7f61a28abda398b46dc/html5/thumbnails/33.jpg)
Meet the Dataviz Team (I)
Tech UX
Value
![Page 34: European creativity festival 2014: DataViz workshop](https://reader036.vdocument.in/reader036/viewer/2022062710/55a1b7f61a28abda398b46dc/html5/thumbnails/34.jpg)
Meet the Dataviz Team (I)
BackEnd Engineering
FrontEnd Engineering
Data Science
HTML5 D3.js
Javascript
Python MongoDB Hadoop
Stats R
Machine Learning
TechDomain-
Knowledge Narrative
UX
Value
+
Data Answers
Questions
Answers
(Model)
(Implementation) (Representation)
Data Questions
![Page 35: European creativity festival 2014: DataViz workshop](https://reader036.vdocument.in/reader036/viewer/2022062710/55a1b7f61a28abda398b46dc/html5/thumbnails/35.jpg)
Visualization tools
OPTE Project
![Page 36: European creativity festival 2014: DataViz workshop](https://reader036.vdocument.in/reader036/viewer/2022062710/55a1b7f61a28abda398b46dc/html5/thumbnails/36.jpg)
Coding tools: Processing
★ Desktop oriented★ Java-based★ Good for multimedia artists
![Page 39: European creativity festival 2014: DataViz workshop](https://reader036.vdocument.in/reader036/viewer/2022062710/55a1b7f61a28abda398b46dc/html5/thumbnails/39.jpg)
Gephi
★ ‘Excel’ for networks★ Network analysis also★ 100% free
Link
![Page 40: European creativity festival 2014: DataViz workshop](https://reader036.vdocument.in/reader036/viewer/2022062710/55a1b7f61a28abda398b46dc/html5/thumbnails/40.jpg)
Tableau
★ ‘Excel’ for everything else★ Interactive dataviz+dashboards★ Free ‘Tableau Public’ version
![Page 42: European creativity festival 2014: DataViz workshop](https://reader036.vdocument.in/reader036/viewer/2022062710/55a1b7f61a28abda398b46dc/html5/thumbnails/42.jpg)
Further reading
★ “The functional art” - Alberto Cairo★ “The visual display of quantitative information” -
Edward R. Tufte★ “Information Graphics” - Several authors★ “Dataclysm” - Christian Rudder
![Page 43: European creativity festival 2014: DataViz workshop](https://reader036.vdocument.in/reader036/viewer/2022062710/55a1b7f61a28abda398b46dc/html5/thumbnails/43.jpg)
Questions? Thanks for your attention!