SlideShare a Scribd company logo
1 of 41
1
Common mistakes in
data visualization
Amedee Van Gasse
ArcelorMittal Gent
22 november 2010
2
$ whoami

Day job:

MS Office/VBA specialist

Desktop & Mail Security (Antivirus, Spam,...)

Amedee.VanGasse@arcelormittal.com - 5837

Geek stuff:

BarCamp, Ubuntu, Android, Drupal

Tik vzw (http://tik.be)

amedee@vangasse.eu
http://amedee.be
http://be.linkedin.com/in/amedee
http://www.slideshare.net/amedeevangasse
3
De kracht van data visualisatie

Chinees gezegde: 1 Beeld Is
10.000 Woorden Waard

Het Fast-Food
Informatietijdperk

Pr0n voor de statistiekenjunk

Pointy-Haired Boss (Dilbert)

Infograph of the day
(Twitter, Facebook,...)
4

Interessant

Functie

Vorm

Integriteit
5
With Great Power...

... Comes Great
Responsibility

Wat is de verborgen
agenda?

Vertrouw niet zomaar
iedere grafiek

Lies, Damned Lies, and
Statistics
6
Let's just face it:
7
Wie kent deze vriendelijke meneer?
8
Het echte verhaal dat BP niet vertelde
9
Waarom liegen we?

Grafieken, infographics: vereenvoudigde
weergave van complexe realiteit
(vergelijk met kaarten)

Om anderen te overtuigen

Omdat het er mooi uitziet

Omdat we niet beter weten
10
De assen van het kwaad
 Y as start op 500. Waarom 500?
 Gradients
 Grijs op grijs
 Originele grafiek heeft animatie...
11
Waarom?

December = 1/5 Januari
= CRISIS!!!

Fear, Uncertainty & Doubt

Medewerkers overtuigen
van bezuinigingen

Of... blind vertrouwen in
Excel???
12
Wat er in werkelijkheid gebeurde
08/2007
09/2007
10/2007
11/2007
12/2007
01/2008
02/2008
03/2008
04/2008
05/2008
06/2008
07/2008
08/2008
09/2008
10/2008
11/2008
12/2008
01/2009
02/2009
03/2009
04/2009
05/2009
06/2009
07/2009
08/2009
09/2009
10/2009
11/2009
12/2009
0
200
400
600
800
1000
1200
1400

2008 was tot Q3 een goed jaar

Ja, er was een crisis, maar...

We gingen naar 1/2, niet naar 1/5

Excel bug: laagste waarde op Y-as is ”magisch”...
13
Once upon a time in a meeting
versus 2008: - 1,3 %
versus OB : + 0,6 %
47.988
47.115
47.385
2008 OB 2009

Geen schaal

Waarom 40.000? Waarom niet 30.000 of 45.000?

3D voegt geen waarde toe
14
Tweede poging
YTD 10/2009 (in K€)
0
5,000
10,000
15,000
20,000
25,000
30,000
35,000
40,000
45,000
50,000
2008
OB
2009

Schaal toegevoegd

Start op 0

Geen 3D
versus 2008: - 1,3 %
versus OB : + 0,6 %
15
X-stralen noodzakelijk

Ik beken: ik heb deze grafiek gemaakt

Wat als uitgevoerd > gepland? -> onzichtbaar!

Betere grafiek: staaf (uitgevoerd) + lijn (gepland)
16
Pie chart hell

Deze heb ik ook gemaakt!

3D

Gradients

Zelfde data als vorige grafiek
17
In plaats van de 2 vorige grafieken
35/2007
37/2007
39/2007
41/2007
43/2007
45/2007
47/2007
49/2007
51/2007
1/2008
3/2008
5/2008
7/2008
9/2008
11/2008
13/2008
15/2008
17/2008
19/2008
21/2008
0
500
1000
1500
2000
2500
3000
3500
4000
Planning migratie Notes -> Exchange
niet gemigreerd
uitgevoerd
al gemigreerd
cumul gepland
week
aantalmailboxengemigreerd
18
Donut: evil twin of the pie

Psychedelisch

Moeilijk om reeksen te
vergelijken
19
Leave the Donuts for the Cops,
and Stick with the Bars
20
Donut: By value – By area
21
Donut vs Bar
22
Can't get enough pie?

Erger dan één taartgrafiek:
twéé taarten

Weinig informatie

Duidelijker met staafgrafiek
23
”Pies are to scale”

Mooie kleurtjes

3D: zelfde diameter?

Perspectief?
24
The Mother of all Pie Charts

http://www.slideshare.net/
netlash/old-media-vs-
new-media

Waarom hebben
Griekenland en Duitsland
dezelfde grootte?

Rood = goed of slecht?

Kreeg veel kritiek op
InformationIsBeautiful.net
25
De originele grafiek
 Saai
 Lelijk
 Eenvoudig te begrijpen
26
Heb ik trouwens al verteld
dat ik taartgrafieken haat?
27
De enige goede taartgrafieken
28
Nog meer vreemde
grafieken?
29
De favoriet van Spiderman!

Radargrafiek

Moeilijk af te lezen

Veel prutswerk aan

Lelijk, zelfs met perfecte data
30
3D: Manhattan chart
 You can always go...
downtown ♫
31
3D: ongestapelde oppervlaktegrafiek
 Hier wordt een Röntgenbril
bijgeleverd
 Wie kan S3 zien (geel)?
 Gebruik een 2D lijngrafiek!
32
Enkele praktische tips

Kleuren

Assen, legende & titel
33
Kleuren

Geen gradiënt in achtergrond

Achtergrond contrast met objecten

Kleur: alleen indien nodig

Verschillende kleur = verschillende soort
data

Zachte kleuren + licht/donker voor
aandachtspunten
34
Kleuren

Blijf bij één kleurtint

Geen data: net zichtbaar genoeg

Vermijd rood + groen (kleurenblindheid)

Laat speciale effecten over aan
Hollywood!!!
35
And the Oscar goes to...
36
Assen, legende & titel

X as: Categorie of Waarde?

Lijngrafiek of XY Spreidingsgrafiek?

Beginnen op 0 of niet?

Tweede Y as?

Goede titel en labels = geen legende nodig

Een grafiek die een legende nodig heeft, is een
slechte grafiek
37
Verkeerd gebruik van assen

X as: tijd + plaats

X en Y as niet linear

(Slechte) grap van
http://graphjam.com
38
Algemene tips

Wat is uw boodschap?

Wie is uw publiek?

Data voorbereiden

Geen blind vertrouwen in software!
39
Links
• http://peltiertech.com/WordPress/category/chart-busters
• http://chandoo.org/wp/category/visualization/
• http://graphjam.com/
• http://www.informationisbeautiful.net/
• http://www.edwardtufte.com/
• http://flowingdata.com/
• http://www.smashingmagazine.com/2009/09/11/25-useful-data-visualization-and-
infographics-resources/
• http://www.smashingmagazine.com/2007/08/02/Data-visualization-modern-
approaches/
• http://www.delicious.com/Amedee.VanGasse/charts
40
Voorbeelden van bij ons
Nu is het aan jullie!

Wat is er mis?

Wat is er goed?

Hoe zou je deze grafieken kunnen
verbeteren?

Ook enkele tabellen
41
Vragen?

More Related Content

Featured

PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024Neil Kimberley
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)contently
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024Albert Qian
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsKurio // The Social Media Age(ncy)
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Search Engine Journal
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summarySpeakerHub
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next Tessa Mero
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentLily Ray
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best PracticesVit Horky
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project managementMindGenius
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...RachelPearson36
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Applitools
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at WorkGetSmarter
 
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...DevGAMM Conference
 
Barbie - Brand Strategy Presentation
Barbie - Brand Strategy PresentationBarbie - Brand Strategy Presentation
Barbie - Brand Strategy PresentationErica Santiago
 

Featured (20)

PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024PEPSICO Presentation to CAGNY Conference Feb 2024
PEPSICO Presentation to CAGNY Conference Feb 2024
 
Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)Content Methodology: A Best Practices Report (Webinar)
Content Methodology: A Best Practices Report (Webinar)
 
How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024How to Prepare For a Successful Job Search for 2024
How to Prepare For a Successful Job Search for 2024
 
Social Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie InsightsSocial Media Marketing Trends 2024 // The Global Indie Insights
Social Media Marketing Trends 2024 // The Global Indie Insights
 
Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024Trends In Paid Search: Navigating The Digital Landscape In 2024
Trends In Paid Search: Navigating The Digital Landscape In 2024
 
5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary5 Public speaking tips from TED - Visualized summary
5 Public speaking tips from TED - Visualized summary
 
ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd ChatGPT and the Future of Work - Clark Boyd
ChatGPT and the Future of Work - Clark Boyd
 
Getting into the tech field. what next
Getting into the tech field. what next Getting into the tech field. what next
Getting into the tech field. what next
 
Google's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search IntentGoogle's Just Not That Into You: Understanding Core Updates & Search Intent
Google's Just Not That Into You: Understanding Core Updates & Search Intent
 
How to have difficult conversations
How to have difficult conversations How to have difficult conversations
How to have difficult conversations
 
Introduction to Data Science
Introduction to Data ScienceIntroduction to Data Science
Introduction to Data Science
 
Time Management & Productivity - Best Practices
Time Management & Productivity -  Best PracticesTime Management & Productivity -  Best Practices
Time Management & Productivity - Best Practices
 
The six step guide to practical project management
The six step guide to practical project managementThe six step guide to practical project management
The six step guide to practical project management
 
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
Beginners Guide to TikTok for Search - Rachel Pearson - We are Tilt __ Bright...
 
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
Unlocking the Power of ChatGPT and AI in Testing - A Real-World Look, present...
 
12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work12 Ways to Increase Your Influence at Work
12 Ways to Increase Your Influence at Work
 
ChatGPT webinar slides
ChatGPT webinar slidesChatGPT webinar slides
ChatGPT webinar slides
 
More than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike RoutesMore than Just Lines on a Map: Best Practices for U.S Bike Routes
More than Just Lines on a Map: Best Practices for U.S Bike Routes
 
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
Ride the Storm: Navigating Through Unstable Periods / Katerina Rudko (Belka G...
 
Barbie - Brand Strategy Presentation
Barbie - Brand Strategy PresentationBarbie - Brand Strategy Presentation
Barbie - Brand Strategy Presentation
 

Common mistakes in data visualization - 20101122 ArcelorMittal - part 1

  • 1. 1 Common mistakes in data visualization Amedee Van Gasse ArcelorMittal Gent 22 november 2010
  • 2. 2 $ whoami  Day job:  MS Office/VBA specialist  Desktop & Mail Security (Antivirus, Spam,...)  Amedee.VanGasse@arcelormittal.com - 5837  Geek stuff:  BarCamp, Ubuntu, Android, Drupal  Tik vzw (http://tik.be)  amedee@vangasse.eu http://amedee.be http://be.linkedin.com/in/amedee http://www.slideshare.net/amedeevangasse
  • 3. 3 De kracht van data visualisatie  Chinees gezegde: 1 Beeld Is 10.000 Woorden Waard  Het Fast-Food Informatietijdperk  Pr0n voor de statistiekenjunk  Pointy-Haired Boss (Dilbert)  Infograph of the day (Twitter, Facebook,...)
  • 5. 5 With Great Power...  ... Comes Great Responsibility  Wat is de verborgen agenda?  Vertrouw niet zomaar iedere grafiek  Lies, Damned Lies, and Statistics
  • 7. 7 Wie kent deze vriendelijke meneer?
  • 8. 8 Het echte verhaal dat BP niet vertelde
  • 9. 9 Waarom liegen we?  Grafieken, infographics: vereenvoudigde weergave van complexe realiteit (vergelijk met kaarten)  Om anderen te overtuigen  Omdat het er mooi uitziet  Omdat we niet beter weten
  • 10. 10 De assen van het kwaad  Y as start op 500. Waarom 500?  Gradients  Grijs op grijs  Originele grafiek heeft animatie...
  • 11. 11 Waarom?  December = 1/5 Januari = CRISIS!!!  Fear, Uncertainty & Doubt  Medewerkers overtuigen van bezuinigingen  Of... blind vertrouwen in Excel???
  • 12. 12 Wat er in werkelijkheid gebeurde 08/2007 09/2007 10/2007 11/2007 12/2007 01/2008 02/2008 03/2008 04/2008 05/2008 06/2008 07/2008 08/2008 09/2008 10/2008 11/2008 12/2008 01/2009 02/2009 03/2009 04/2009 05/2009 06/2009 07/2009 08/2009 09/2009 10/2009 11/2009 12/2009 0 200 400 600 800 1000 1200 1400  2008 was tot Q3 een goed jaar  Ja, er was een crisis, maar...  We gingen naar 1/2, niet naar 1/5  Excel bug: laagste waarde op Y-as is ”magisch”...
  • 13. 13 Once upon a time in a meeting versus 2008: - 1,3 % versus OB : + 0,6 % 47.988 47.115 47.385 2008 OB 2009  Geen schaal  Waarom 40.000? Waarom niet 30.000 of 45.000?  3D voegt geen waarde toe
  • 14. 14 Tweede poging YTD 10/2009 (in K€) 0 5,000 10,000 15,000 20,000 25,000 30,000 35,000 40,000 45,000 50,000 2008 OB 2009  Schaal toegevoegd  Start op 0  Geen 3D versus 2008: - 1,3 % versus OB : + 0,6 %
  • 15. 15 X-stralen noodzakelijk  Ik beken: ik heb deze grafiek gemaakt  Wat als uitgevoerd > gepland? -> onzichtbaar!  Betere grafiek: staaf (uitgevoerd) + lijn (gepland)
  • 16. 16 Pie chart hell  Deze heb ik ook gemaakt!  3D  Gradients  Zelfde data als vorige grafiek
  • 17. 17 In plaats van de 2 vorige grafieken 35/2007 37/2007 39/2007 41/2007 43/2007 45/2007 47/2007 49/2007 51/2007 1/2008 3/2008 5/2008 7/2008 9/2008 11/2008 13/2008 15/2008 17/2008 19/2008 21/2008 0 500 1000 1500 2000 2500 3000 3500 4000 Planning migratie Notes -> Exchange niet gemigreerd uitgevoerd al gemigreerd cumul gepland week aantalmailboxengemigreerd
  • 18. 18 Donut: evil twin of the pie  Psychedelisch  Moeilijk om reeksen te vergelijken
  • 19. 19 Leave the Donuts for the Cops, and Stick with the Bars
  • 20. 20 Donut: By value – By area
  • 22. 22 Can't get enough pie?  Erger dan één taartgrafiek: twéé taarten  Weinig informatie  Duidelijker met staafgrafiek
  • 23. 23 ”Pies are to scale”  Mooie kleurtjes  3D: zelfde diameter?  Perspectief?
  • 24. 24 The Mother of all Pie Charts  http://www.slideshare.net/ netlash/old-media-vs- new-media  Waarom hebben Griekenland en Duitsland dezelfde grootte?  Rood = goed of slecht?  Kreeg veel kritiek op InformationIsBeautiful.net
  • 25. 25 De originele grafiek  Saai  Lelijk  Eenvoudig te begrijpen
  • 26. 26 Heb ik trouwens al verteld dat ik taartgrafieken haat?
  • 27. 27 De enige goede taartgrafieken
  • 29. 29 De favoriet van Spiderman!  Radargrafiek  Moeilijk af te lezen  Veel prutswerk aan  Lelijk, zelfs met perfecte data
  • 30. 30 3D: Manhattan chart  You can always go... downtown ♫
  • 31. 31 3D: ongestapelde oppervlaktegrafiek  Hier wordt een Röntgenbril bijgeleverd  Wie kan S3 zien (geel)?  Gebruik een 2D lijngrafiek!
  • 33. 33 Kleuren  Geen gradiënt in achtergrond  Achtergrond contrast met objecten  Kleur: alleen indien nodig  Verschillende kleur = verschillende soort data  Zachte kleuren + licht/donker voor aandachtspunten
  • 34. 34 Kleuren  Blijf bij één kleurtint  Geen data: net zichtbaar genoeg  Vermijd rood + groen (kleurenblindheid)  Laat speciale effecten over aan Hollywood!!!
  • 35. 35 And the Oscar goes to...
  • 36. 36 Assen, legende & titel  X as: Categorie of Waarde?  Lijngrafiek of XY Spreidingsgrafiek?  Beginnen op 0 of niet?  Tweede Y as?  Goede titel en labels = geen legende nodig  Een grafiek die een legende nodig heeft, is een slechte grafiek
  • 37. 37 Verkeerd gebruik van assen  X as: tijd + plaats  X en Y as niet linear  (Slechte) grap van http://graphjam.com
  • 38. 38 Algemene tips  Wat is uw boodschap?  Wie is uw publiek?  Data voorbereiden  Geen blind vertrouwen in software!
  • 39. 39 Links • http://peltiertech.com/WordPress/category/chart-busters • http://chandoo.org/wp/category/visualization/ • http://graphjam.com/ • http://www.informationisbeautiful.net/ • http://www.edwardtufte.com/ • http://flowingdata.com/ • http://www.smashingmagazine.com/2009/09/11/25-useful-data-visualization-and- infographics-resources/ • http://www.smashingmagazine.com/2007/08/02/Data-visualization-modern- approaches/ • http://www.delicious.com/Amedee.VanGasse/charts
  • 40. 40 Voorbeelden van bij ons Nu is het aan jullie!  Wat is er mis?  Wat is er goed?  Hoe zou je deze grafieken kunnen verbeteren?  Ook enkele tabellen

Editor's Notes

  1. Interestingness: relevant, meaningfull, new Function: easiness, usefulness, useability, fit Form: beatty, structure, appearance Integrity: truth, consistency, honesty, accuracy Interesting + function = experiment Function + form = sketch Form + integrity = eye-candy Integrity + interesting = proof of concept Not interesting = boring Not functional = useless No form = ugly No integrity = rubbish