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







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


13. #Endrainbow
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
Excercice: la Datavisualization Checklist
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

Dot plot
Densité des données potentiellement haute



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

Créatif avec des barres

Marimekko
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



Merci!
slides.com/maartenzam/statbel-fr
slides.com/maartenzam/statbel-nl
www.maartenlambrechts.COM
@maartenzam
Visualisation des données Statbel
By maartenzam
Visualisation des données Statbel
- 4,060