1

Common mistakes in data visualizationAmedee 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.euhttp://amedee.behttp://be.linkedin.com/in/amedeehttp://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/200709/2007

10/200711/2007

12/200701/2008

02/200803/2008

04/200805/2008

06/200807/2008

08/200809/2008

10/200811/2008

12/200801/2009

02/200903/2009

04/200905/2009

06/200907/2009

08/200909/2009

10/200911/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.11547.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/200737/2007

39/200741/2007

43/200745/2007

47/200749/2007

51/20071/2008

3/20085/2008

7/20089/2008

11/200813/2008

15/200817/2008

19/200821/2008

0

500

1000

1500

2000

2500

3000

3500

4000

Planning migratie Notes -> Exchange

niet gemigreerduitgevoerdal gemigreerdcumul gepland

week

aa

nta

l ma

ilbo

xen

ge

mig

ree

rd

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?