Visualisation des données

 

30 novembre &

1 decembre 2020

@maartenzam

Statbel

des pièges, règles de base et outils

Programme

1. Visualisations des données: introduction

2. Pièges dans la visualisation

3. Excercice: le Datavisualisation Checklist

4. Types de graphique et "chart choosers"

5. Plus loin que les barres et les lignes

Maarten Lambrechts?

Visualisation des données: introduction

I

Pourquoi la visualisation?

"As knowledge increases amongst mankind, and transactions multiply, it becomes more and more desirable to abbreviate and facilitate the modes of conveying information from one person to another, and from one individual to the many."
        

William Playfair, 1786

"Everything that can be expressed in numbers can be represented by lines."
        

John Playfair

Year Imports Exports
1700 71,1 32,8
1705 74,5 40,9
1710 82,6 59
1715 87,2 77,9
1720 96,8 75,2
1725 102,6 71,3
1730 96,4 64,7
1735 93,7 60,5
1740 92,9 65,1
1745 92,5 74,3
1750 90,1 77,4
1755 79,9 82,8
1760 76,6 117,5
1765 79,6 151,8
1770 83,8 163,8
1775 90,4 175,7
1780 92,7 185,4

Visualisation explicative

Visualisation exploratoire

Le secret

L'observation précoce

Preattentive processing

868888609462834719714449648
122286651978794222484779908
939340243123007392183390116
351684124962334339709749742
            868888609462834719714449648
122286651978794222484779908
939340243123007392183390116
351684124962334339709749742
            
            
            
            
            
        

Des pièges dans la visualisation

II

2. Ne coupez pas des barres

3. Ne coupez pas des axes de temps

4. Étiquetez directement

5. Utilisez la couleur consciemment

Make grey your best friend

6. Évitez le "chart junk"

7. Mettez les cercles à l'échelle par superficie, pas par rayon

8. Racontez l'histoire

9. Évitez les doubles axes

10. La corrélation n'est pas la causalité

11. Évitez la 3D

Sauf si tu es le New York Times

12. Triez par les données

Couleurs: outils

14. Utilisez des nombres relatifs sur les cartes (par habitant, ...)

15. Parfois, la meilleure carte n'est pas une carte

16. Toutes les cartes mentent

III

Types des graphiques & "Chart choosers"

IV

chartType = f(dataTypes,
dataSize,
message,
audience)

Chart choosers

Tool chooser

Plus loin que les barres et les lignes

V

Créatif avec des points

Dot plot

 

Alternative pour les barres groupées

 

Why Budapest, Warsaw and Lithuania split themselves in two

Dot plot

 

Densité des données potentiellement haute

Dot plot

 

Jittering

 

All the Government Barbecues

Dot plot

 

Strips en lieu des dots = bar code plot

 

The Most Typical City in America

Beeswarm plot

 

Points empilés

 

Medical capacity of countries

Beeswarm plot

 

 

 

 

 

 

 

Mettez les bulles a l'échelle par une variable supplementaire

 

Distribution of poverty across countries

Dumbbell chart

 

Montre la dispersion ou accentue les différences

 

Food insecurity by income quintile

Dumbbell chart

 

Variation: arrow chart

 

Where the 1 percent have gained the most

Bubble chart

 

Peut affichez 5 dimensions

 

gapminder.org

Créatif avec des barres

Marimekko

Affichez des proportions sur 2 dimensions

 

Learning poverty in the world

 

Créatif avec le temps

Slope chart

Comparez 2 moments dans le temps

Slope chart

Comparez 2 moments dans le temps

Slope chart

Comparez 2 moments dans le temps

Horizon chart

Séries chronologiques à haute densité de données

Horizon chart

Séries chronologiques à haute densité de données

Horizon chart

Séries chronologiques à haute densité de données

Connected scatter plot

Tendances en 2 dimensions

Connected scatter plot

Hiérarchie

Waterfall chart

Effet cumulatif des composants

Dendrogram

Structure d'une hiérarchie

 

The 200+ beer brands of SAB InBev

Treemap

Hiérarchie avec une dimension continue

 

De Vlaamse export in real time

 

Every job in America in 1 graph

Sunburst

Hiérarchie avec une dimension continue

 

Sequences Sunburst

Merci!

slides.com/maartenzam/statbel-fr

slides.com/maartenzam/statbel-nl

 

www.maartenlambrechts.COM

@maartenzam