european creativity festival 2014: dataviz workshop

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

Upload: outliers-collective

Post on 12-Jul-2015

333 views

Category:

Data & Analytics


0 download

TRANSCRIPT

Page 1: European creativity festival 2014: DataViz workshop

Data Visualization European Creativity Festival

Óscar Marín Miró - Outliers Collective@outliers_es

www.outliers.es

Page 2: European creativity festival 2014: DataViz workshop

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

Links for the workshop

★Gephi download link★CartoDB sign up★‘Tableau public’ download★Datasets + pdf on github

Page 5: European creativity festival 2014: DataViz workshop

What is Data Visualization?

“Technologies that transform data into information through visual elements”

Page 6: European creativity festival 2014: DataViz workshop

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 8: European creativity festival 2014: DataViz workshop

Why do Data Visualization matter?

Anscombe’s quartet

Page 9: European creativity festival 2014: DataViz workshop

Anscombe’s quartet

Why do Data Visualization matter?

Page 10: European creativity festival 2014: DataViz workshop

John Snow map

Why do Data Visualization matter?

Page 12: European creativity festival 2014: DataViz workshop

Brief history

XVII century: René Descartes. Descriptive geometry

Page 13: European creativity festival 2014: DataViz workshop

Brief history

XVIII century: William Playfair. Statistical graphics

Page 14: European creativity festival 2014: DataViz workshop

Brief history

XIX century: Charles Joseph Minard. “Infographic”

Page 15: European creativity festival 2014: DataViz workshop

Brief history

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

Page 16: European creativity festival 2014: DataViz workshop

Brief history

Edward Tufte. 1983

Page 17: European creativity festival 2014: DataViz workshop

Brief history

XXI century: Alberto Cairo, Aaron Koblin, Mike Bostock

Page 18: European creativity festival 2014: DataViz workshop

Brief history

Cairo Koblin Bostock

Page 21: European creativity festival 2014: DataViz workshop

Art vs function

(generative) ArtLink

Page 22: European creativity festival 2014: DataViz workshop

Art vs function

FunctionLink

Page 23: European creativity festival 2014: DataViz workshop

Figurative vs non-figurative

Figurative Non-figurative

Page 25: European creativity festival 2014: DataViz workshop

Intention: Expose vs Explore

Explore

Link

ExposeLink

Page 26: European creativity festival 2014: DataViz workshop

Data ‘dimensions’

LATCH

★Location★Alphabet★Category★Hierarchy

Page 27: European creativity festival 2014: DataViz workshop

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 28: European creativity festival 2014: DataViz workshop

Relevant people: Tufte

Data-Ink RatioLink

Page 29: European creativity festival 2014: DataViz workshop

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

Relevant people: Cairo

“Visual wheel”Link

Page 31: European creativity festival 2014: DataViz workshop

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

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

Meet the Dataviz Team (I)

Tech UX

Value

Page 34: European creativity festival 2014: DataViz workshop

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 37: European creativity festival 2014: DataViz workshop

Coding tools: D3.js

★ Web oriented★ HTML5 based★ Good for frontend

developers

Page 38: European creativity festival 2014: DataViz workshop

CartoDB

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

Page 39: European creativity festival 2014: DataViz workshop

Gephi

★ ‘Excel’ for networks★ Network analysis also★ 100% free

Link

Page 40: European creativity festival 2014: DataViz workshop

Tableau

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

Page 42: European creativity festival 2014: DataViz workshop

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

Questions? Thanks for your attention!