Les composants <map-chart> et <map-chart-reg> visualisent des donnees geographiques.

Carte departementale

Le composant <map-chart> affiche une carte de France avec donnees par departement.

<map-chart
  data='{"75": 95, "13": 82, "69": 78, "33": 71, "31": 68}'
  date="2024-01-15"
  name="Score RGAA"
  value-nat="78"
  selected-palette="sequentialAscending">
</map-chart>

Carte regionale

Limitation connue : Le composant <map-chart-reg> presente des bugs dans DSFR Chart v2.0.4 (affiche un decoupage departemental au lieu de regional). Consultez la page des issues GitHub pour suivre les corrections.

Syntaxe attendue pour <map-chart-reg> :

<map-chart-reg
  data='{"75": 95, "77": 82, "78": 85, "91": 78, "92": 90}'
  date="2024-01-15"
  region="11"
  name="Score RGAA"
  selected-palette="sequentialAscending">
</map-chart-reg>

Attributs requis

Attribut Type Description
data String (JSON) Dictionnaire JSON avec codes departement/region comme cles et valeurs numeriques
date String Date des donnees au format YYYY-MM-DD
highlight-index String (JSON) Liste des codes departements a mettre en avant : '["75", "69"]'
name String Nom de l'indicateur affiche dans la legende
value-nat Number (map-chart uniquement) Valeur nationale de reference

Codes des departements

Les codes utilisent la nomenclature officielle INSEE :