Types de graphiques expliqués
Data Race propose neuf modes de graphique distincts pour chaque ensemble de données, ainsi qu'un tableau de données pour les chiffres exacts. Chaque mode met en évidence un aspect différent des données — classements, tendances, composition, motifs géographiques, trajectoires de classement, le flux de l'ensemble ou la comparaison directe de magnitude. Ce guide explique ce que chaque visualisation montre, comment la lire et quand elle est la plus utile.
Course de graphique en barres
La course de graphique en barres est la visualisation emblématique de Data Race. Elle affiche des entités classées sous forme de barres horizontales, la barre la plus longue représentant la valeur la plus élevée. Au fil de l'animation, les barres montent et descendent pour refléter les changements de classement, créant un effet de course dynamique. Chaque barre est codée par couleur et étiquetée avec le nom de l'entité, le drapeau (pour les pays) et la valeur actuelle.
Quand l'utiliser: Utilisez la course de graphique en barres lorsque vous souhaitez voir comment les classements évoluent dans le temps. Elle est particulièrement efficace pour comparer un nombre modéré d'entités (10–20) et repérer des montées ou chutes spectaculaires.
- La longueur de la barre représente la valeur — les barres plus longues signifient des valeurs plus élevées
- La position de la barre indique le rang — la barre du haut est le rang #1
- Les transitions fluides entre les périodes montrent les changements de classement
- Les couleurs sont cohérentes par entité tout au long de l'animation
Graphique en bosses
Le graphique en bosses trace le rang de chaque entité dans le temps sur un axe 1..N, avec le rang #1 en haut. Les lignes montent et descendent dès que les classements changent, et les croisements marquent les moments de dépassement. L'accent est mis sur l'ordre, pas sur les valeurs absolues — une course serrée pour la 1ère place ressemble à la même chose que l'écart soit d'un euro ou d'un trillion. Les entités épinglées sont dessinées avec une ligne plus lumineuse et un halo autour du point.
Quand l'utiliser: Utilisez le graphique en bosses lorsque l'ordre de classement est l'histoire — palmarès olympiques, les 10 premières économies sur un siècle, les classements dont les positions se mélangent. C'est la vue la plus claire de 'qui a dépassé qui et quand'.
- L'axe Y est le rang : #1 en haut, #N en bas
- Une ligne qui plonge ou monte montre que cette entité gagne ou perd en position
- Deux lignes qui se croisent = une entité en dépassant une autre dans cette période
- Les lignes horizontales plates signifient que le rang est resté stable
- Les entités hors du top-N visible apparaissent comme des puces en bas de graphique
Graphique en courbes
Le graphique en courbes trace la valeur de chaque entité dans le temps sous forme de ligne continue. Toutes les entités sont affichées sur les mêmes axes, facilitant la comparaison des tendances à long terme. Le graphique met en évidence la période actuelle avec un marqueur vertical, et vous pouvez survoler n'importe quel point pour voir la valeur exacte. Les entités épinglées sont mises en évidence avec des lignes plus épaisses tandis que les autres s'estompent en arrière-plan.
Quand l'utiliser: Utilisez le graphique en courbes lorsque vous souhaitez suivre les tendances dans le temps, comparer les trajectoires de croissance ou identifier les points de croisement où une entité dépasse une autre.
- L'axe Y montre l'échelle de valeur, l'axe X montre les périodes de temps
- Chaque ligne représente une entité — suivez une ligne pour voir sa trajectoire
- Des pentes plus raides indiquent une croissance ou un déclin plus rapide
- Les lignes qui se croisent montrent les changements de classement entre entités
Streamgraph
Le streamgraph empile les valeurs brutes de chaque entité sous forme de bandes colorées autour d'une ligne de base centrée, croissant symétriquement vers le haut et vers le bas. La hauteur totale à tout moment équivaut à la valeur combinée de toutes les entités, permettant de voir la composition ET la magnitude totale à la fois. Lors de la lecture, le flux arrive de la gauche — des bandes apparaissent, gonflent et se rééquilibrent en une masse organique. Idéal pour les jeux de données en croissance monotone où l'ensemble est l'histoire.
Quand l'utiliser: Utilisez le streamgraph lorsque vous voulez sentir l'ensemble évoluer comme une forme fluide unique — le PIB mondial explosant tandis que les régions se rééquilibrent, l'écosystème OSS s'étendant tandis que de nouvelles bibliothèques déplacent les anciennes, la capitalisation boursière croissant tandis que les secteurs tournent.
- L'épaisseur d'une bande en un point = valeur brute de cette entité à cette période
- Hauteur totale du graphique = somme de toutes les entités visibles (Top-N + Autres)
- Les bandes s'étendent depuis la gauche à mesure que l'animation progresse — le bord avant est le moment actuel
- Le centre reste à y=0 ; le graphique croît symétriquement vers le haut et le bas
- Les drapeaux apparaissent dans chaque bande ; les bandes minces se réduisent à une lamelle de couleur
Graphique circulaire
Le graphique circulaire montre la composition des valeurs pour une période donnée. Chaque secteur représente la part d'une entité dans le total. Au fil de l'animation, les tailles des secteurs s'ajustent pour refléter les proportions changeantes. Le graphique est le plus informatif lorsque quelques grandes entités dominent le total, révélant des schémas de concentration ou de diversification.
Quand l'utiliser: Utilisez le graphique circulaire lorsque vous souhaitez comprendre quelle part chaque entité détient du total — par exemple, quels pays produisent le plus de CO₂ ou détiennent la plus grande part du PIB mondial.
- La taille du secteur représente la part de l'entité dans le total
- Survolez un secteur pour voir le pourcentage et la valeur exacts
- Les petits secteurs sont regroupés dans 'Autres' pour maintenir la lisibilité
- Observez les secteurs qui grandissent ou rétrécissent dans le temps pour repérer les changements de dominance
Carte en arborescence
La carte en arborescence divise la zone du graphique en rectangles, chacun dimensionné proportionnellement à la valeur d'une entité — plus la valeur est grande, plus le rectangle est grand. L'algorithme d3-treemapResquarify maintient les formes carrées à travers les périodes, de sorte que les rectangles glissent et redimensionnent en douceur plutôt que de se réorganiser chaotiquement. Les entités à longue traîne en dessous du top-N se regroupent dans une tuile 'Autres' qui grandit et se réduit avec les autres.
Quand l'utiliser: Utilisez la carte en arborescence lorsque l'histoire est 'quelle proportion du total chaque entité occupe-t-elle' et que vous voulez que toutes les entités soient regroupées dans un seul cadre — pas de défilement, pas de découpage en vues séparées.
- La surface du rectangle est proportionnelle à la valeur de l'entité
- Le plus grand rectangle est le rang #1 — généralement ancré en haut à gauche
- Les formes restent carrées à mesure que la disposition se met à jour entre les périodes, préservant la lisibilité
- Les tuiles en dessous du top-N se regroupent dans un rectangle 'Autres'
- Le drapeau, le nom et la valeur sont à l'intérieur de chaque rectangle ; les tuiles fines suppriment le drapeau pour s'adapter
Carte choroplèthe
La carte du monde colorie les pays selon leurs valeurs à l'aide d'une échelle de couleurs continue. Des couleurs plus foncées ou plus intenses indiquent des valeurs plus élevées. La carte offre un aperçu géographique immédiat, mettant en évidence les schémas régionaux et les clusters difficiles à repérer dans d'autres types de graphiques. Survolez n'importe quel pays pour voir son nom, sa valeur et son rang.
Quand l'utiliser: Utilisez la carte du monde lorsque la géographie compte — pour identifier des clusters régionaux, comparer des voisins ou voir comment une variable se distribue à travers les continents.
- L'intensité de la couleur correspond à la valeur — consultez la légende pour l'échelle
- Les pays en gris n'ont pas de données disponibles pour la période sélectionnée
- Les schémas régionaux (ex. cluster européen, ceinture sub-saharienne) sont faciles à repérer
- Survolez pour les valeurs exactes ; cliquez pour épingler un pays pour comparaison
Carte à bulles
La carte à bulles est une carte à symboles proportionnels : chaque entité est dessinée comme un cercle épinglé au centroïde de son pays (ou de sa région), le rayon du cercle étant proportionnel au valeur. La position ne bouge jamais — seuls le rayon et la couleur s'animent. Le résultat est un instantané géographique qui grandit et se réduit sur place au fur et à mesure que le temps avance, ce qui facilite la visualisation à la fois du 'où' et du 'quelle taille' dans une seule vue.
Quand l'utiliser: Utilisez la carte à bulles lorsque vous voulez une seule visualisation qui combine la géographie avec la magnitude — par exemple, observer comment la capitalisation boursière se concentre dans quelques villes côtières des États-Unis tandis que des bulles plus petites s'allument en Asie et en Europe.
- La position du cercle est fixée au centroïde de chaque pays
- Le rayon du cercle est proportionnel à la valeur de la période actuelle
- La valeur est centrée à l'intérieur du cercle (pas de drapeau — l'emplacement identifie l'entité)
- La couleur suit la palette de catégories de l'entité, s'estompant à mesure qu'elle sort du top-N
- Les périodes sans données ne montrent pas de cercle pour cette entité
Bulles
Le graphique à bulles regroupe chaque entité sous forme de cercle flottant dont la taille est déterminée par la valeur, d3-force résolvant les collisions afin que les cercles se regroupent étroitement sans se chevaucher. La disposition de regroupement est recalculée par période et lerpée entre les périodes adjacentes pour une animation fluide. Il n'y a pas d'axes — la position n'a aucune signification quantitative ; seule la taille en a. Une échelle globale √(value) garantit que l'entité la plus grande reste de manière fiable la plus grande à mesure que les données évoluent.
Quand l'utiliser: Utilisez le graphique à bulles lorsque vous voulez une comparaison de magnitude pure, libérée des axes et de la géographie — idéal pour voir 'lequel est le plus grand et de combien' parmi les entités principales en un coup d'œil.
- Le rayon du cercle est proportionnel à √(value) — l'entité la plus grande obtient le plus grand cercle
- La position est décorative ; les cercles dérivent mais leur emplacement en pixels n'a aucune signification de valeur
- Le drapeau est placé à 18px si l'espace le permet ; masqué dans les cercles plus petits que 4px
- Le mode agrégé (région/groupe) centre la valeur sans drapeau
- La couleur suit la palette de catégories de l'entité
Tableau de données
Le tableau de données présente toutes les valeurs dans une grille triable et défilable. Chaque ligne affiche une entité avec son rang, son nom, sa valeur, sa part mondiale et sa variation annuelle. Contrairement aux graphiques animés, le tableau affiche des chiffres précis, le rendant idéal pour des comparaisons détaillées et la vérification des données. Triez par n'importe quelle colonne pour trouver les meilleurs performers, les plus grands mouvements ou des entités spécifiques.
Quand l'utiliser: Utilisez le tableau de données lorsque vous avez besoin de chiffres exacts plutôt que d'impressions visuelles — pour la vérification des faits, les comparaisons détaillées ou l'export de données pour une analyse approfondie.
- Triez par la colonne 'Valeur' pour voir les entrées les plus élevées ou les plus basses
- La colonne 'Variation' montre la croissance ou le déclin par rapport à la période précédente
- Utilisez la colonne 'Part' pour comparer la portion de chaque entité du total mondial
- Téléchargez le tableau en CSV pour l'utiliser dans des tableurs ou pour la recherche
Choisir le bon graphique
Chaque type de graphique répond à une question différente. Le graphique à barres répond 'Qui est en tête en ce moment ?'. Le graphique de rang répond 'Qui a dépassé qui en classement ?'. Le graphique à lignes répond 'Comment chaque valeur a-t-elle évolué ?'. Le streamgraph répond 'Comment l'ensemble s'écoule-t-il comme un tout ?'. Le graphique circulaire répond 'Quelle part chacun détient-il à cet instant ?'. La carte en arborescence répond 'Quelle proportion du total chacun occupe-t-il ?'. La carte choroplèthe répond 'Où les valeurs sont-elles les plus élevées géographiquement ?'. La carte à bulles répond 'Quelle est la taille — et où ?'. Le graphique à bulles répond 'Comment les magnitudes brutes se comparent-elles ?'. Et le tableau répond 'Quels sont les chiffres exacts ?'. Le passage entre les vues sur le même ensemble de données vous donne une image complète des données sous plusieurs angles.
- Classements et compétition → Barres
- Trajectoires de classement et dépassements → Rang
- Tendances et trajectoires à long terme → Lignes
- Composition évoluant dans le temps → Streamgraph
- Part à un instant donné → Circulaire
- Toutes les entités regroupées dans un seul cadre → Carte en arborescence
- Motifs géographiques → Carte choroplèthe
- Géographie + magnitude en une seule vue → Carte à bulles
- Comparaison de magnitude pure → Bulles
- Valeurs exactes et exportation → Tableau de données