Catalogue de graphiques

Dix-sept graphiques agnostiques du framework. Chaque page propose un exemple, l'usage dans chaque framework, et un panneau de contexte LLM.

• Graphique en courbes - Tendances · Tendances dans le temps sur une ou plusieurs séries - avec détection optionnelle des écarts, un moteur de rendu canvas optionnel (décimé par LTTB pour les grands volumes de données), et des lignes de repère à point unique.
• Graphique en éventail - Tendances · Prévision · Un éventail de prévision : historique, une médiane de prévision en pointillés, et des bandes de confiance imbriquées qui s'élargissent avec l'horizon (composé de Ligne + Étendue).
• Graphique en aires - Composition · Part du tout dans le temps : comment la part de chaque composant dans un total empilé évolue.
• Nuage de points - Corrélation · Relation entre deux variables numériques ; la taille de la bulle encode une troisième variable.
• Graphique d'étendue - Tendances · Bandes min-max par série - prévisions, intervalles de confiance, ou étendues observées dans le temps.
• Graphique en ruban - Composition · Colonnes empilées par période, reliées par des rubans de connexion qui tracent chaque catégorie dans le temps.
• Graphique radar - Comparaison · Comparez plusieurs entités sur un ensemble d'axes partagé en un coup d'œil (un polygone par entité).
• Barres empilées verticales - Composition · Barres verticales empilées par catégorie, avec un garde-fou explicite de marqueur de données manquantes pour les jeux de données épars.
• Barres comparables - Comparaison · Deux sous-barres horizontales superposées par étiquette - une valeur « de base » vs une valeur « comparée ».
• Barres doubles (Tornado) - Comparaison · Barres divergentes depuis une ligne centrale - value1 à droite, value2 à gauche (pyramides des âges, diagrammes en tornade).
• Barre-haltère - Composition · Segments horizontaux cumulatifs par ligne, avec des cercles d'extrémité marquant chaque étape.
• Graphique d'écart - Comparaison · Deux valeurs par étiquette reliées par une barre d'écart - qui met en évidence la différence entre elles.
• Treemap - Composition · Tuiles hiérarchiques dimensionnées par valeur, chacune pouvant être divisée en deux parties (par ex. réalisé vs inexploité) - avec une disposition en pile adaptée au mobile.
• Camembert / Anneau - Composition · Parts dimensionnées selon leur poids dans un tout, avec des étiquettes en % par part ; définissez innerRadiusRatio pour un anneau.
• Graphique à bulles - Composition · Cercles dimensionnés par valeur, attirés en grappe par gravité, chacun pouvant être divisé en un noyau réalisé et un anneau inexploité.
• Sankey - Flux · Flux entre nœuds disposés en colonnes, avec une épaisseur de bande proportionnelle à la valeur du flux (construit sur d3-sankey).
• Fontaine (Jet d'Eau) - Comparaison · Hauteur de l'apex = valeur, le panache en éclosion = incertitude. X catégoriel = instantané/comparaison d'indicateurs clés ; x temporel ou numérique = tendance avec jets de prévision optionnels (idéal pour environ 5 à 12 périodes).