Ces graphiques proviennent de la bibliothèque officielle
DSFR Chart
et sont conformes au Design System de l'État.
Utilisez ces composants directement avec des données statiques, ou via notre wrapper
<dsfr-data-chart> pour des données dynamiques connectees a une API.
Tous les types de graphiques
Graphique en ligne
Ideal pour visualiser des tendances et evolutions dans le temps.
Documentation
Graphique en barres
Parfait pour comparer des valeurs entre catégories.
Documentation
Diagramme circulaire
Pour representer des proportions et distributions.
Documentation
Graphique radar
Comparer plusieurs variables simultanement.
Documentation
Nuage de points
Visualiser des correlations entre deux variables.
Documentation
Palettes de couleurs
Les couleurs sont appliquées par DSFR Chart (2.1.1, thème clair) ; dsfr-data-chart lui transmet selected-palette (défaut categorical) :
- categorical : huit couleurs, une par série (une série seule est d'une seule couleur) ; une couleur par part sur un camembert
- default : une seule couleur,
#5C68E5 (ce n'est pas le Bleu France)
- sequentialAscending / sequentialDescending : dix tons, la couleur suit la valeur ; avec Ascending la plus grande valeur est la plus claire. Palette des cartes
- divergentAscending / divergentDescending : quatre tons vert → rouge, une couleur par série, sans centre
- neutral : un seul gris ; avec
highlight-index, les barres citées passent en bleu
Pour fixer la couleur d'une série : color-map.
Ressources