L'autre jour, Sean a blogué sur l'utilisation d'une carte arborescente pour visualiser les facteurs de l'inflation australienne. Il s'est inspiré d'un article de New York qui utilisait une version interactive de l'arbre suivant pour créer un arbre :
Ce graphique est très joli sur la première vue. Il fait un bel usage des couleurs sourdes, les formes semblent bien équilibrées et le graphiste a certainement fait du bon travail. Cependant, du point de vue de la visualisation des données, ce graphique présente quelques défauts.
Ben Shneiderman a conçu Treemaps pour visualiser les arborescences profondes des répertoires.
Dans un article, Ben a expliqué que les treemaps
"Parmi la famille croissante d'outils d'analyse visuelle, les treemaps fleurissent dans les organisations qui nécessitent un suivi quotidien d'activités complexes avec des milliers de produits, de projets ou de vendeurs. Les rapports tabulaires, les diagrammes à barres, les graphiques linéaires et les diagrammes de dispersion sont des outils importants, mais pour les activités complexes où il existe de nombreuses régions de vente, usines de fabrication ou lignes de produits, les structures hiérarchiques fournies par les treemaps peuvent être utiles. Alors que les affichages tabulaires et les feuilles de calcul peuvent afficher 30 à 60 lignes à la fois sur des écrans typiques, les présentations colorées des arborescences peuvent accueillir des centaines ou des milliers d'articles dans un affichage organisé de manière significative qui permet de repérer les modèles et les exceptions en quelques secondes [...] Les arborescences sont une approche de remplissage de l'espace pour montrer des hiérarchies dans lesquelles l'espace rectangulaire de l'écran est divisé en régions, puis chaque région est divisée à nouveau pour chaque niveau de la hiérarchie".
Le premier problème du graphique de NYT est qu'il ne visualise pas la hiérarchie sous forme de zones rectangulaires. Les facteurs d'inflation sont visualisés comme des formes rondes asymétriques. Il est difficile de comparer la taille relative des formes rectangulaires, mais cela devient presque impossible pour les formes asymétriques. Cette arborescence ne comporte pas non plus d'étiquettes pour les petits facteurs d'inflation.
Sean a publié dans son billet de blog un arbre qui ne présente pas les problèmes mentionnés ci-dessus :
Ben a conçu des treemaps pour visualiser des milliers de régions, produits, etc ; mais le graphique de l'inflation ne comprend que 20 facteurs d'inflation regroupés en 7 catégories. Un simple tableau trié permettrait de mieux communiquer les chiffres, comme l'a écrit Kaiser Fung de Junk Junks dans son post.
Inspiré par ce post et mon commentaire, Sean a créé ce tableau graphique en forme de ligne d'étincelle conçu avec Excel et MicroCharts.
Il s'agit déjà d'une amélioration considérable par rapport à la carte arborescente, puisque nous pouvons voir des tendances à la hausse et à la baisse de l'inflation et des lignes d'étincelles plutôt que des couleurs de feux de circulation comme dans la version de la carte arborescente. Elle est également beaucoup plus facile à lire pour les utilisateurs non experts.
Voici quelques petites choses que nous pouvons améliorer dans le tableau de Sean :
- Nous pouvons trier les facteurs d'inflation par poids, pour avoir les plus importants au sommet
- Le fait de changer la zone pour la ligne d'étincelle met l'accent sur la tendance plutôt que sur la valeur absolue des valeurs (comme le fait le diagramme de zone)
- Les graphiques d'écart en ligne nous permettent de visualiser les variations en % des MoM et des YoY
