SlideShare ist ein Scribd-Unternehmen logo
1 von 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

Weitere ähnliche Inhalte

Was ist angesagt?

Data Visualization Tips & Tricks
Data Visualization Tips & TricksData Visualization Tips & Tricks
Data Visualization Tips & TricksKoenVerbeeck
 
Intro to data visualization
Intro to data visualizationIntro to data visualization
Intro to data visualizationJan Aerts
 
Flink Labs Data Visualisation
Flink Labs Data VisualisationFlink Labs Data Visualisation
Flink Labs Data VisualisationFlink Labs
 
Introduction to Data Visualization
Introduction to Data Visualization Introduction to Data Visualization
Introduction to Data Visualization Ana Jofre
 
Data Visualisation for Data Science
Data Visualisation for Data ScienceData Visualisation for Data Science
Data Visualisation for Data ScienceChristophe Bontemps
 
Effective Dashboard Design: Why Your Baby is Ugly
Effective Dashboard Design: Why Your Baby is UglyEffective Dashboard Design: Why Your Baby is Ugly
Effective Dashboard Design: Why Your Baby is UglyAaron Hursman
 
5 Data Visualization Pitfalls
5 Data Visualization Pitfalls5 Data Visualization Pitfalls
5 Data Visualization PitfallsData IQ Argentina
 
Building a Winning Roadmap for Analytics
Building a Winning Roadmap for AnalyticsBuilding a Winning Roadmap for Analytics
Building a Winning Roadmap for AnalyticsIronside
 
Journey data driven organization
Journey data driven organizationJourney data driven organization
Journey data driven organizationInbalraanan
 
Data visualization
Data visualizationData visualization
Data visualizationHoang Nguyen
 
Monitoring and observability
Monitoring and observabilityMonitoring and observability
Monitoring and observabilityTheo Schlossnagle
 
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
 
Introduction to Data Visualization
Introduction to Data VisualizationIntroduction to Data Visualization
Introduction to Data VisualizationStephen Tracy
 
Business Intelligence & Data Analytics– An Architected Approach
Business Intelligence & Data Analytics– An Architected ApproachBusiness Intelligence & Data Analytics– An Architected Approach
Business Intelligence & Data Analytics– An Architected ApproachDATAVERSITY
 

Was ist angesagt? (20)

Data Visualization
Data VisualizationData Visualization
Data Visualization
 
Data Visualization Tips & Tricks
Data Visualization Tips & TricksData Visualization Tips & Tricks
Data Visualization Tips & Tricks
 
Intro to data visualization
Intro to data visualizationIntro to data visualization
Intro to data visualization
 
Data Analytics course.pptx
Data Analytics course.pptxData Analytics course.pptx
Data Analytics course.pptx
 
Flink Labs Data Visualisation
Flink Labs Data VisualisationFlink Labs Data Visualisation
Flink Labs Data Visualisation
 
Introduction to Data Visualization
Introduction to Data Visualization Introduction to Data Visualization
Introduction to Data Visualization
 
Data Visualization
Data VisualizationData Visualization
Data Visualization
 
Data Visualisation for Data Science
Data Visualisation for Data ScienceData Visualisation for Data Science
Data Visualisation for Data Science
 
Effective Dashboard Design: Why Your Baby is Ugly
Effective Dashboard Design: Why Your Baby is UglyEffective Dashboard Design: Why Your Baby is Ugly
Effective Dashboard Design: Why Your Baby is Ugly
 
Data Visualisation
Data VisualisationData Visualisation
Data Visualisation
 
5 Data Visualization Pitfalls
5 Data Visualization Pitfalls5 Data Visualization Pitfalls
5 Data Visualization Pitfalls
 
predictive analytics
predictive analyticspredictive analytics
predictive analytics
 
Building a Winning Roadmap for Analytics
Building a Winning Roadmap for AnalyticsBuilding a Winning Roadmap for Analytics
Building a Winning Roadmap for Analytics
 
3 data visualization
3 data visualization3 data visualization
3 data visualization
 
Journey data driven organization
Journey data driven organizationJourney data driven organization
Journey data driven organization
 
Data visualization
Data visualizationData visualization
Data visualization
 
Monitoring and observability
Monitoring and observabilityMonitoring and observability
Monitoring and observability
 
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
 
Introduction to Data Visualization
Introduction to Data VisualizationIntroduction to Data Visualization
Introduction to Data Visualization
 
Business Intelligence & Data Analytics– An Architected Approach
Business Intelligence & Data Analytics– An Architected ApproachBusiness Intelligence & Data Analytics– An Architected Approach
Business Intelligence & Data Analytics– An Architected Approach
 

Kürzlich hochgeladen

Die Ukraine presentation fur Deutsch.pptx
Die Ukraine presentation fur Deutsch.pptxDie Ukraine presentation fur Deutsch.pptx
Die Ukraine presentation fur Deutsch.pptxIuliaKyryllova
 
Kurzbeschreibung Schreibtools für die Toolbox.pdf
Kurzbeschreibung Schreibtools für die Toolbox.pdfKurzbeschreibung Schreibtools für die Toolbox.pdf
Kurzbeschreibung Schreibtools für die Toolbox.pdfHenning Urs
 
Ein Telefongespräch. Ein Telefongespräch. Ein Telefongespräch
Ein Telefongespräch. Ein Telefongespräch. Ein TelefongesprächEin Telefongespräch. Ein Telefongespräch. Ein Telefongespräch
Ein Telefongespräch. Ein Telefongespräch. Ein TelefongesprächOlenaKarlsTkachenko
 
Stadt Popasna.Stadt PopasnaStadt Popasna
Stadt Popasna.Stadt PopasnaStadt PopasnaStadt Popasna.Stadt PopasnaStadt Popasna
Stadt Popasna.Stadt PopasnaStadt PopasnaOlenaKarlsTkachenko
 
ChatGPT zur kognitiven Entlastung (in Schule und Leben)
ChatGPT zur kognitiven Entlastung (in Schule und Leben)ChatGPT zur kognitiven Entlastung (in Schule und Leben)
ChatGPT zur kognitiven Entlastung (in Schule und Leben)University of Graz
 
Usage of German modal verbs for future tense
Usage of German modal verbs for future tenseUsage of German modal verbs for future tense
Usage of German modal verbs for future tenseAngelika Davey
 
Wohin . Akkusativ. Bewegung. Olena Karls. Rhaudefehn 2024
Wohin . Akkusativ. Bewegung. Olena Karls. Rhaudefehn 2024Wohin . Akkusativ. Bewegung. Olena Karls. Rhaudefehn 2024
Wohin . Akkusativ. Bewegung. Olena Karls. Rhaudefehn 2024OlenaKarlsTkachenko
 
Konjunktiv II - Theorie undd Beispiele - DaF mit Power
Konjunktiv II - Theorie undd Beispiele - DaF mit PowerKonjunktiv II - Theorie undd Beispiele - DaF mit Power
Konjunktiv II - Theorie undd Beispiele - DaF mit PowerMaria Vaz König
 

Kürzlich hochgeladen (8)

Die Ukraine presentation fur Deutsch.pptx
Die Ukraine presentation fur Deutsch.pptxDie Ukraine presentation fur Deutsch.pptx
Die Ukraine presentation fur Deutsch.pptx
 
Kurzbeschreibung Schreibtools für die Toolbox.pdf
Kurzbeschreibung Schreibtools für die Toolbox.pdfKurzbeschreibung Schreibtools für die Toolbox.pdf
Kurzbeschreibung Schreibtools für die Toolbox.pdf
 
Ein Telefongespräch. Ein Telefongespräch. Ein Telefongespräch
Ein Telefongespräch. Ein Telefongespräch. Ein TelefongesprächEin Telefongespräch. Ein Telefongespräch. Ein Telefongespräch
Ein Telefongespräch. Ein Telefongespräch. Ein Telefongespräch
 
Stadt Popasna.Stadt PopasnaStadt Popasna
Stadt Popasna.Stadt PopasnaStadt PopasnaStadt Popasna.Stadt PopasnaStadt Popasna
Stadt Popasna.Stadt PopasnaStadt Popasna
 
ChatGPT zur kognitiven Entlastung (in Schule und Leben)
ChatGPT zur kognitiven Entlastung (in Schule und Leben)ChatGPT zur kognitiven Entlastung (in Schule und Leben)
ChatGPT zur kognitiven Entlastung (in Schule und Leben)
 
Usage of German modal verbs for future tense
Usage of German modal verbs for future tenseUsage of German modal verbs for future tense
Usage of German modal verbs for future tense
 
Wohin . Akkusativ. Bewegung. Olena Karls. Rhaudefehn 2024
Wohin . Akkusativ. Bewegung. Olena Karls. Rhaudefehn 2024Wohin . Akkusativ. Bewegung. Olena Karls. Rhaudefehn 2024
Wohin . Akkusativ. Bewegung. Olena Karls. Rhaudefehn 2024
 
Konjunktiv II - Theorie undd Beispiele - DaF mit Power
Konjunktiv II - Theorie undd Beispiele - DaF mit PowerKonjunktiv II - Theorie undd Beispiele - DaF mit Power
Konjunktiv II - Theorie undd Beispiele - DaF mit Power
 

Making data visualizations – A survival guide