SlideShare a Scribd company logo
1 of 176
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

More Related Content

What's hot

AI-based re-identification of behavioral data
AI-based re-identification of behavioral dataAI-based re-identification of behavioral data
AI-based re-identification of behavioral dataMOSTLY AI
 
[Datanest] AI startup in Indonesia - March 2018
[Datanest] AI startup in Indonesia - March 2018[Datanest] AI startup in Indonesia - March 2018
[Datanest] AI startup in Indonesia - March 2018Thibaud Plaquet
 
Blockchain + AI + Crypto Economics Are We Creating a Code Tsunami?
Blockchain + AI + Crypto Economics Are We Creating a Code Tsunami?Blockchain + AI + Crypto Economics Are We Creating a Code Tsunami?
Blockchain + AI + Crypto Economics Are We Creating a Code Tsunami?Dinis Guarda
 
The Future Of Work & The Work Of The Future
The Future Of Work & The Work Of The FutureThe Future Of Work & The Work Of The Future
The Future Of Work & The Work Of The FutureArturo Pelayo
 
Artificial intelligence & machine learning landscape
Artificial intelligence & machine learning landscapeArtificial intelligence & machine learning landscape
Artificial intelligence & machine learning landscapeMOBConf
 
Data Analytics & Visualization (Introduction)
Data Analytics & Visualization (Introduction)Data Analytics & Visualization (Introduction)
Data Analytics & Visualization (Introduction)Dolapo Amusat
 
Introduction to data analytics
Introduction to data analyticsIntroduction to data analytics
Introduction to data analyticsUmasree Raghunath
 
Art of artificial intelligence and automation
Art of artificial intelligence and automationArt of artificial intelligence and automation
Art of artificial intelligence and automationLiew Wei Da Andrew
 
TEDx Manchester: AI & The Future of Work
TEDx Manchester: AI & The Future of WorkTEDx Manchester: AI & The Future of Work
TEDx Manchester: AI & The Future of WorkVolker Hirsch
 
An introduction to Business intelligence
An introduction to Business intelligenceAn introduction to Business intelligence
An introduction to Business intelligenceHadi Fadlallah
 
Storytelling with Data - See | Show | Tell | Engage
Storytelling with Data - See | Show | Tell | EngageStorytelling with Data - See | Show | Tell | Engage
Storytelling with Data - See | Show | Tell | EngageAmit Kapoor
 
Data Modeling & Metadata for Graph Databases
Data Modeling & Metadata for Graph DatabasesData Modeling & Metadata for Graph Databases
Data Modeling & Metadata for Graph DatabasesDATAVERSITY
 
Data Visualization
Data VisualizationData Visualization
Data VisualizationTarek Amr
 
Is AI going to provide safety for us?
Is AI going to provide safety for us?Is AI going to provide safety for us?
Is AI going to provide safety for us?DLabs
 
10 Principles for Data Storytelling
10 Principles for Data Storytelling10 Principles for Data Storytelling
10 Principles for Data StorytellingDamian Radcliffe
 
Working With Big Data
Working With Big DataWorking With Big Data
Working With Big DataSeth Familian
 
Visual Design with Data
Visual Design with DataVisual Design with Data
Visual Design with DataSeth Familian
 

What's hot (20)

AI-based re-identification of behavioral data
AI-based re-identification of behavioral dataAI-based re-identification of behavioral data
AI-based re-identification of behavioral data
 
[Datanest] AI startup in Indonesia - March 2018
[Datanest] AI startup in Indonesia - March 2018[Datanest] AI startup in Indonesia - March 2018
[Datanest] AI startup in Indonesia - March 2018
 
Data visualization
Data visualizationData visualization
Data visualization
 
Blockchain + AI + Crypto Economics Are We Creating a Code Tsunami?
Blockchain + AI + Crypto Economics Are We Creating a Code Tsunami?Blockchain + AI + Crypto Economics Are We Creating a Code Tsunami?
Blockchain + AI + Crypto Economics Are We Creating a Code Tsunami?
 
The Future Of Work & The Work Of The Future
The Future Of Work & The Work Of The FutureThe Future Of Work & The Work Of The Future
The Future Of Work & The Work Of The Future
 
Artificial intelligence & machine learning landscape
Artificial intelligence & machine learning landscapeArtificial intelligence & machine learning landscape
Artificial intelligence & machine learning landscape
 
Data Analytics & Visualization (Introduction)
Data Analytics & Visualization (Introduction)Data Analytics & Visualization (Introduction)
Data Analytics & Visualization (Introduction)
 
Storytelling with Data
Storytelling with Data Storytelling with Data
Storytelling with Data
 
Introduction to data analytics
Introduction to data analyticsIntroduction to data analytics
Introduction to data analytics
 
Art of artificial intelligence and automation
Art of artificial intelligence and automationArt of artificial intelligence and automation
Art of artificial intelligence and automation
 
TEDx Manchester: AI & The Future of Work
TEDx Manchester: AI & The Future of WorkTEDx Manchester: AI & The Future of Work
TEDx Manchester: AI & The Future of Work
 
An introduction to Business intelligence
An introduction to Business intelligenceAn introduction to Business intelligence
An introduction to Business intelligence
 
Storytelling with Data - See | Show | Tell | Engage
Storytelling with Data - See | Show | Tell | EngageStorytelling with Data - See | Show | Tell | Engage
Storytelling with Data - See | Show | Tell | Engage
 
Data analytics
Data analyticsData analytics
Data analytics
 
Data Modeling & Metadata for Graph Databases
Data Modeling & Metadata for Graph DatabasesData Modeling & Metadata for Graph Databases
Data Modeling & Metadata for Graph Databases
 
Data Visualization
Data VisualizationData Visualization
Data Visualization
 
Is AI going to provide safety for us?
Is AI going to provide safety for us?Is AI going to provide safety for us?
Is AI going to provide safety for us?
 
10 Principles for Data Storytelling
10 Principles for Data Storytelling10 Principles for Data Storytelling
10 Principles for Data Storytelling
 
Working With Big Data
Working With Big DataWorking With Big Data
Working With Big Data
 
Visual Design with Data
Visual Design with DataVisual Design with Data
Visual Design with Data
 

Making data visualizations – A survival guide