Making data visualizations – A survival guide

V
Making Data
Visualizations
ASurvivalGuide
Samstag, 27. April 13
GregorAisch
B.Sc.ComputationalVisualistics
FreelanceInteractiveNewsDeveloper
driven-by-data.net / vis4.net
@driven_by_data
Samstag, 27. April 13
Samstag, 27. April 13
Charts
Samstag, 27. April 13
Samstag, 27. April 13
Avoid
3D-Charts
atallcosts
Avoid
3D charts
(atallcosts)
Samstag, 27. April 13
2007
2008
2009
2010
Samstag, 27. April 13
2007 2008 2009 2010
Samstag, 27. April 13
Samstag, 27. April 13
Samstag, 27. April 13
115° 115°
130°
Samstag, 27. April 13
115° 115°
130°
Samstag, 27. April 13
25% 25%
50%
33% 33%
33%
Samstag, 27. April 13
http://www.youtube.com/watch?feature=player_detailpage&v=DiKIaYjiUfs#t=438s
Samstag, 27. April 13
39,0%
19,5%
9,8%
7,4%
3,1%
21,2%
Samstag, 27. April 13
39,0%
19,5%
9,8%
7,4%
3,1%
21,2%
31,5%
13,6%
Samstag, 27. April 13
39,0%
19,5%
9,8%
7,4%
3,1%
21,2%
39,0%
19,5%
9,8%
7,4%
3,1%
21,2%
Samstag, 27. April 13
Samstag, 27. April 13
Usepiecharts
withcare
Samstag, 27. April 13
Usepiecharts
withcare
Samstag, 27. April 13
Shownomore
thanfiveslices
Samstag, 27. April 13
Samstag, 27. April 13
Usepiechartsonlyto
showpartofwhole
relationships
Samstag, 27. April 13
SalesperYear
2012
2011
2009
2008
2007
SalesperProduct
Phones
Cameras
Tablets
Samstag, 27. April 13
SalesperYear
2012
2011
2009
2008
2007
SalesperProduct
Phones
Cameras
Tablets
XSamstag, 27. April 13
Ifyouwantto
comparevalues,
usebarcharts
Samstag, 27. April 13
Phones
Cameras
Tablets
Samstag, 27. April 13
Phones
Cameras
Tablets
Samstag, 27. April 13
Phones
Cameras
Tablets
Samstag, 27. April 13
Phones
Cameras
Tablets
Samstag, 27. April 13
Phones
Cameras
Tablets
Samstag, 27. April 13
0
10
20
30
40
Phones Tablets Cameras
Samstag, 27. April 13
Alwaysextendbar
chartstozero
Samstag, 27. April 13
Alwaysextendbar
chartstozero
Samstag, 27. April 13
100
105
110
115
120
A B C D E F
Samstag, 27. April 13
100
120
A B C D E F
Samstag, 27. April 13
0
20
40
60
80
100
120
A B C D E F
Samstag, 27. April 13
0
30
60
90
120
A B C D E F
Samstag, 27. April 13
Orderbarsbyvalue
Samstag, 27. April 13
0
3
6
9
12
A B C D E F
Samstag, 27. April 13
0
3
6
9
12
E C F B A D
Samstag, 27. April 13
Use linecharts to
show timeseries
Samstag, 27. April 13
Use linecharts to
show timeseries
Samstag, 27. April 13
http://en.wikipedia.org/wiki/File:Nightingale-mortality.jpg
Samstag, 27. April 13







       
1854 1855 1856
J S NOJ AMApr D J S NOJ AMA DJan F M Jan F M
250
500
750
1000
1250
1500
Samstag, 27. April 13







       
1854 1855 1856
J S NOJ AMApr D J S NOJ AMA DJan F M Jan F M
250
500
750
1000
1250
1500
Samstag, 27. April 13







       
wounds
1854 1855 1856
J S NOJ AMApr D J S NOJ AMA DJan F M Jan F M
250
500
750
1000
1250
1500
Samstag, 27. April 13







       
wounds
CrimeanWar
1854 1855 1856
J S NOJ AMApr D J S NOJ AMA DJan F M Jan F M
250
500
750
1000
1250
1500
Samstag, 27. April 13







       
preventable
desease
wounds
CrimeanWar
1854 1855 1856
J S NOJ AMApr D J S NOJ AMA DJan F M Jan F M
250
500
750
1000
1250
1500
Samstag, 27. April 13







       
preventable
desease
wounds
others
CrimeanWar
1854 1855 1856
J S NOJ AMApr D J S NOJ AMA DJan F M Jan F M
250
500
750
1000
1250
1500
Samstag, 27. April 13
Bewareof
stackedarea
charts
Samstag, 27. April 13
Bewareof
stackedarea
charts
Samstag, 27. April 13
0 %
25 %
50 %
75 %
100 %
Q1Y1 Q2Y1 Q3Y1 Q4Y1 Q1Y2 Q2Y2
http://www.leancrew.com/all-this/2011/11/i-hate-stacked-area-charts/
Samstag, 27. April 13
0 %
25 %
50 %
75 %
100 %
Q1Y1 Q2Y1 Q3Y1 Q4Y1 Q1Y2 Q2Y2
http://www.leancrew.com/all-this/2011/11/i-hate-stacked-area-charts/
Samstag, 27. April 13
0 %
25 %
50 %
75 %
100 %
Q1Y1 Q2Y1 Q3Y1 Q4Y1 Q1Y2 Q2Y2
http://www.leancrew.com/all-this/2011/11/i-hate-stacked-area-charts/
Samstag, 27. April 13
0 %
25 %
50 %
75 %
100 %
Q1Y1 Q2Y1 Q3Y1 Q4Y1 Q1Y2 Q2Y2
http://www.leancrew.com/all-this/2011/11/i-hate-stacked-area-charts/
Samstag, 27. April 13
0 %
25 %
50 %
75 %
100 %
Q1Y1 Q2Y1 Q3Y1 Q4Y1 Q1Y2 Q2Y2
http://www.leancrew.com/all-this/2011/11/i-hate-stacked-area-charts/
Samstag, 27. April 13
0
25
50
75
100
Q1Y1 Q2Y1 Q3Y1 Q4Y1 Q1Y2 Q2Y2
http://www.leancrew.com/all-this/2011/11/i-hate-stacked-area-charts/
Samstag, 27. April 13
0%
20%
40%
60%
80%
Q1Y1 Q2Y1 Q3Y1 Q4Y1 Q1Y2 Q2Y2
http://www.leancrew.com/all-this/2011/11/i-hate-stacked-area-charts/
Samstag, 27. April 13
Prefer
direct labeling
wherever possible
Samstag, 27. April 13
0
25
50
75
100
2007 2008 2009 2010
Company A Company B
Samstag, 27. April 13
0
25
50
75
100
2007 2008 2009 2010
CompanyB
CompanyA
Samstag, 27. April 13
Samstag, 27. April 13
Labelyouraxes
Samstag, 27. April 13
Samstag, 27. April 13
Samstag, 27. April 13
Samstag, 27. April 13
0
10
20
30
40
Phones Tablets Cameras
Samstag, 27. April 13
Phones Tablets Cameras
34
21
9
Samstag, 27. April 13
Phones Tablets Cameras
34
21
9
Samstag, 27. April 13
Tellreaders why
theyshouldcareabout
yourgraphic.
Samstag, 27. April 13
Samstag, 27. April 13
Samstag, 27. April 13
Samstag, 27. April 13
WorldMapofCatholic
Population
Samstag, 27. April 13
WorldMapofCatholic
Population
TheCatholicChurchHas
ShiftedSouthwardsoverthe
PastCentury
Samstag, 27. April 13
?
WhatamIlookingat?
Samstag, 27. April 13
?
Whyareyoushowing
thistome?
Samstag, 27. April 13
Samstag, 27. April 13
Youth Unemployment Rates in Europe
Samstag, 27. April 13
Youth Unemployment on Historical High
Samstag, 27. April 13
Youth Unemployment Devides Europe
Samstag, 27. April 13
Youth Unemployment Devides Europe
Seasonally adjusted unemployment rates of under 25 aged.
Samstag, 27. April 13
Color
Samstag, 27. April 13
Usecolor
sparingly
Samstag, 27. April 13
Usecolor
sparingly
Samstag, 27. April 13
Useatmost
twocolors
ifpossible
Samstag, 27. April 13
0
25
50
75
100
2007 2008 2009 2010
CompanyB
CompanyA
Samstag, 27. April 13
0
25
50
75
100
2007 2008 2009 2010
CompanyB
CompanyA
Samstag, 27. April 13
Break
Fixingachartusing
whatwejustlearned
Samstag, 27. April 13
Smartphones
E-Book readers
Tablets
MP3players
Headphones
Keyboards
Pencils
Matches
Sales per Product
Samstag, 27. April 13
Smartphones
Tablets
E-Book Readers
MP3Players
Headphones
Pencils
Keyboards
Matches
Sales per Product
Samstag, 27. April 13
Smartphones
Tablets
E-Book Readers
Others
Sales per Product
Samstag, 27. April 13
Sales per Product
Tablets
E-BookReaders
Smartphones
Others
Samstag, 27. April 13
Tablets
E-BookReaders
Smartphones
8Mio.€
9Mio.€
21Mio.€
34Mio.€
Others
Sales per Product
Samstag, 27. April 13
Tablets
E-BookReaders
Smartphones
8Mio.€
9Mio.€
21Mio.€
34Mio.€
Others
Smartphones still kicking sales
Samstag, 27. April 13
8Mio.€
9Mio.€
21Mio.€
34Mio.€
Tablets
E-BookReaders
Smartphones
Smartphones still kicking sales
Others
Samstag, 27. April 13
8Mio.€
9Mio.€
21Mio.€
34Mio.€
Others
Tablets
E-BookReaders
Smartphones
Smartphones still kicking sales
Samstag, 27. April 13
Smartphones
E-Book readers
Tablets
MP3players
Headphones
Keyboards
Pencils
Matches
Sales per Product
Samstag, 27. April 13
8Mio.€
9Mio.€
21Mio.€
34Mio.€
Others
Tablets
E-BookReaders
Smartphones
Smartphones still kicking sales
Samstag, 27. April 13
Avoidpure
colorgradients
Samstag, 27. April 13
Samstag, 27. April 13
Samstag, 27. April 13
Samstag, 27. April 13
Samstag, 27. April 13
Samstag, 27. April 13
Samstag, 27. April 13
Samstag, 27. April 13
Respectthe
color blind
Samstag, 27. April 13
6%
94%
Samstag, 27. April 13
Samstag, 27. April 13
Samstag, 27. April 13
Checkyour
colorswiththe
colororacle
Samstag, 27. April 13
http://colororacle.org
Samstag, 27. April 13
http://colororacle.org
Samstag, 27. April 13
Saygoodbyeto
red-green
colorscales
Samstag, 27. April 13
http://www.smartmoney.com/map-of-the-market/
Samstag, 27. April 13
http://www.smartmoney.com/map-of-the-market/
Samstag, 27. April 13
http://www.smartmoney.com/map-of-the-market/
Samstag, 27. April 13
http://www.smartmoney.com/map-of-the-market/
Samstag, 27. April 13
Samstag, 27. April 13
Samstag, 27. April 13
Samstag, 27. April 13
original simulation
corrected simulation
Samstag, 27. April 13
Indoubt,use
Colorbrewer
Samstag, 27. April 13
http://colorbrewer2.com
Samstag, 27. April 13
Maps
Samstag, 27. April 13
Samstag, 27. April 13
Don‘tusethe
Mercatorprojection
forworldmaps
Samstag, 27. April 13
Samstag, 27. April 13
Samstag, 27. April 13
Samstag, 27. April 13
Samstag, 27. April 13
Samstag, 27. April 13
Samstag, 27. April 13
OmittingGreenland
won‘tfixyour
Mercatorworldmap
Samstag, 27. April 13
EqualAreaProjection
Samstag, 27. April 13
xkcd.com/977Samstag, 27. April 13
xkcd.com/977Samstag, 27. April 13
xkcd.com/977Samstag, 27. April 13
Sizesymbolsbyarea
–notdiameterorradius
Samstag, 27. April 13
Samstag, 27. April 13
Samstag, 27. April 13
1 2 3 4 5
Samstag, 27. April 13
1 2 3 4 5
Samstag, 27. April 13
1 2 3
4 5
Samstag, 27. April 13
1 2 3 4 5
Samstag, 27. April 13
1
5
Samstag, 27. April 13
1
5
1
1
1 1
1
Samstag, 27. April 13
A = π r
2
Samstag, 27. April 13
A = π 1
2
1
Samstag, 27. April 13
π
1
Samstag, 27. April 13
A = π 5
2
5
Samstag, 27. April 13
25π
5
Samstag, 27. April 13
25π
5
π
1
Samstag, 27. April 13
5
11 1 11
11 1 11
11 1 11
11 1 11
11 1 11
Samstag, 27. April 13
5
1
11
11
Samstag, 27. April 13
5
1
11
11
r = 5
Samstag, 27. April 13
5
1
11
11
r = 2.236
Samstag, 27. April 13
5
1
11
11
r = 2.236
Samstag, 27. April 13
1 2 3 4 5
Samstag, 27. April 13
1 2 3 4 5
Samstag, 27. April 13
Samstag, 27. April 13
Samstag, 27. April 13
http://en.wikipedia.org/wiki/File:Nightingale-mortality.jpg
Samstag, 27. April 13
     
     



 
 








 
 







              
   
            
          
            
         
             
         
             
   
Samstag, 27. April 13
     
     



 
 









 
 








              
   
            
          
            
         
             
         
             
   
Samstag, 27. April 13
Recommended
readings..
Samstag, 27. April 13
DanaM.Wong
graphicsdirectorforTheWall
StreetJournal(2001–2010)
Samstag, 27. April 13
DanaM.Wong
graphicsdirectorforTheWall
StreetJournal(2001–2010)
Samstag, 27. April 13
DanaM.Wong
graphicsdirectorforTheWall
StreetJournal(2001–2010)
Samstag, 27. April 13
DanaM.Wong
graphicsdirectorforTheWall
StreetJournal(2001–2010)
Samstag, 27. April 13
Jean-lucDoumont
Samstag, 27. April 13
Jean-lucDoumont
Samstag, 27. April 13
ProPublicaNewsAppStyleGuide
github.com/propublica/guides/blob/master/news-apps.md
Samstag, 27. April 13
Findtheslidesonline@http://vis4.net/perugia
Samstag, 27. April 13
1 of 176

Recommended

Working With Big Data by
Working With Big DataWorking With Big Data
Working With Big DataSeth Familian
291.8K views78 slides
[Pcamp19] - Triple track agile: O papel de user research no processo de desen... by
[Pcamp19] - Triple track agile: O papel de user research no processo de desen...[Pcamp19] - Triple track agile: O papel de user research no processo de desen...
[Pcamp19] - Triple track agile: O papel de user research no processo de desen...Product Camp Brasil
1.1K views70 slides
data science @NYT ; inaugural Data Science Initiative Lecture by
data science @NYT ; inaugural Data Science Initiative Lecturedata science @NYT ; inaugural Data Science Initiative Lecture
data science @NYT ; inaugural Data Science Initiative Lecturechris wiggins
213.8K views93 slides
End to-end monitoring for a successful Power BI implementation by
End to-end monitoring for a successful Power BI implementationEnd to-end monitoring for a successful Power BI implementation
End to-end monitoring for a successful Power BI implementationMarc Lelijveld
580 views37 slides
Introduction to Assumptions Mapping - Agile2016 by
Introduction to Assumptions Mapping - Agile2016Introduction to Assumptions Mapping - Agile2016
Introduction to Assumptions Mapping - Agile2016David Bland
5.7K views58 slides
News SEO: Why we’ve de commissioned AMP - Brighton SEO September 2021 by
News SEO: Why we’ve de commissioned AMP - Brighton SEO September 2021News SEO: Why we’ve de commissioned AMP - Brighton SEO September 2021
News SEO: Why we’ve de commissioned AMP - Brighton SEO September 2021Daniel Smullen
12.3K views76 slides

More Related Content

What's hot

Gerenciamento de Produtos: métricas by
Gerenciamento de Produtos: métricasGerenciamento de Produtos: métricas
Gerenciamento de Produtos: métricasProduct Camp Brasil
288 views46 slides
Startup Secrets - Building a Compelling Value Proposition by
Startup Secrets - Building a Compelling Value PropositionStartup Secrets - Building a Compelling Value Proposition
Startup Secrets - Building a Compelling Value PropositionMichael Skok
21.5K views65 slides
Experimentation Platform at Netflix by
Experimentation Platform at NetflixExperimentation Platform at Netflix
Experimentation Platform at NetflixSteve Urban
11.6K views18 slides
Total Economic Impact Study Of Yammer - By Forrester Consulting by
Total Economic Impact Study Of Yammer - By Forrester ConsultingTotal Economic Impact Study Of Yammer - By Forrester Consulting
Total Economic Impact Study Of Yammer - By Forrester ConsultingYammer
5.9K views11 slides
Power BI as a storyteller by
Power BI as a storytellerPower BI as a storyteller
Power BI as a storytellerBerkovich Consulting
1.3K views46 slides
Power BI Governance, Why it is important? by
Power BI Governance, Why it is important?Power BI Governance, Why it is important?
Power BI Governance, Why it is important?Soheil Bakhshi
359 views17 slides

What's hot(20)

Startup Secrets - Building a Compelling Value Proposition by Michael Skok
Startup Secrets - Building a Compelling Value PropositionStartup Secrets - Building a Compelling Value Proposition
Startup Secrets - Building a Compelling Value Proposition
Michael Skok21.5K views
Experimentation Platform at Netflix by Steve Urban
Experimentation Platform at NetflixExperimentation Platform at Netflix
Experimentation Platform at Netflix
Steve Urban11.6K views
Total Economic Impact Study Of Yammer - By Forrester Consulting by Yammer
Total Economic Impact Study Of Yammer - By Forrester ConsultingTotal Economic Impact Study Of Yammer - By Forrester Consulting
Total Economic Impact Study Of Yammer - By Forrester Consulting
Yammer5.9K views
Power BI Governance, Why it is important? by Soheil Bakhshi
Power BI Governance, Why it is important?Power BI Governance, Why it is important?
Power BI Governance, Why it is important?
Soheil Bakhshi359 views
Automating Google Lighthouse by Hamlet Batista
Automating Google LighthouseAutomating Google Lighthouse
Automating Google Lighthouse
Hamlet Batista4.4K views
Creating a Patient-Centric Online Experience by Effective
Creating a Patient-Centric Online ExperienceCreating a Patient-Centric Online Experience
Creating a Patient-Centric Online Experience
Effective2.7K views
Data visualization & Story Telling with Data by Dr Nisha Arora
Data visualization & Story Telling with DataData visualization & Story Telling with Data
Data visualization & Story Telling with Data
Dr Nisha Arora390 views
Quality Content at Scale Through Automated Text Summarization of UGC by Hamlet Batista
Quality Content at Scale Through Automated Text Summarization of UGCQuality Content at Scale Through Automated Text Summarization of UGC
Quality Content at Scale Through Automated Text Summarization of UGC
Hamlet Batista1.1K views
Startup Secrets Case Study: Actuality Systems by Michael Skok
Startup Secrets Case Study: Actuality SystemsStartup Secrets Case Study: Actuality Systems
Startup Secrets Case Study: Actuality Systems
Michael Skok10.2K views
DesignOps and ProductOps: why do we need them? by Patrizia Bertini
DesignOps and ProductOps: why do we need them?DesignOps and ProductOps: why do we need them?
DesignOps and ProductOps: why do we need them?
Patrizia Bertini581 views
Redesigning Museums for Good by Roberta Tassi
Redesigning Museums for Good Redesigning Museums for Good
Redesigning Museums for Good
Roberta Tassi44.1K views
BrightonSEO Oct 2022 Similar_ai.pdf by Dylan Fuler
BrightonSEO Oct 2022 Similar_ai.pdfBrightonSEO Oct 2022 Similar_ai.pdf
BrightonSEO Oct 2022 Similar_ai.pdf
Dylan Fuler246 views
UX Porfolio | Mircea Anton by Mircea Anton
UX Porfolio | Mircea AntonUX Porfolio | Mircea Anton
UX Porfolio | Mircea Anton
Mircea Anton1.7K views
powerbi-presentation.pptx by Ayushi716489
powerbi-presentation.pptxpowerbi-presentation.pptx
powerbi-presentation.pptx
Ayushi716489141 views

Making data visualizations – A survival guide