From af62811bdbf56818724e07af62dea1ba8bbd5e3c Mon Sep 17 00:00:00 2001 From: bmatge <45901416+bmatge@users.noreply.github.com> Date: Fri, 17 Jul 2026 00:24:46 +0200 Subject: [PATCH 1/2] =?UTF-8?q?docs:=20compl=C3=A8te=20l'audit=20DSFR=20Ch?= =?UTF-8?q?art=202.1=20=E2=80=94=20types=20grist,=20USER-GUIDE,=20d=C3=A9p?= =?UTF-8?q?r=C3=A9ciation=20world-map=20(#402)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - guide-grist-widgets : table des types + map-aca / map-monde - USER-GUIDE : tableau des 4 découpages de carte (level) + lien DSFR Chart - specs + guide world-map : bannière de dépréciation vers type="map-monde" Co-Authored-By: Claude Fable 5 --- docs/USER-GUIDE.md | 9 +++++++++ guide/guide-exemples-world-map.html | 10 ++++++++++ guide/guide-grist-widgets.html | 4 +++- specs/components/dsfr-data-world-map.html | 12 ++++++++++++ 4 files changed, 34 insertions(+), 1 deletion(-) diff --git a/docs/USER-GUIDE.md b/docs/USER-GUIDE.md index fb0787cd..61be2f12 100644 --- a/docs/USER-GUIDE.md +++ b/docs/USER-GUIDE.md @@ -413,6 +413,15 @@ Les donnees de la source sont transmises directement au composant de visualisati ``` +Quatre decoupages de carte sont disponibles (API cartes unifiee [DSFR Chart](https://github.com/GouvernementFR/dsfr-chart) 2.1) : + +| `type` | Decoupage | Cles attendues (`code-field`) | +|--------|-----------|-------------------------------| +| `map` | Departements | Code INSEE (`01`-`95`, `2A`, `2B`, `971`-`976`) | +| `map-reg` | Regions | Code region INSEE (`11`, `84`...) | +| `map-aca` | Academies | Nom en majuscules (`PARIS`, `LYON`...) | +| `map-monde` | Monde | Code pays ISO 3166-1 (alpha-2 `FR`, alpha-3 `FRA` ou numerique `250` — convertis automatiquement) | + #### KPI — Indicateurs Industrie du futur ```html diff --git a/guide/guide-exemples-world-map.html b/guide/guide-exemples-world-map.html index 05f6a9c7..72319c69 100644 --- a/guide/guide-exemples-world-map.html +++ b/guide/guide-exemples-world-map.html @@ -90,6 +90,16 @@

Dashboard Commerce - API Huwise

et dsfr-data-source avec agregation server-side OpenDataSoft.

+
+

Composant déprécié

+

+ Depuis DSFR Chart 2.1, + préférez <dsfr-data-chart type="map-monde"> (carte mondiale native, sans bundle + supplémentaire). dsfr-data-world-map sera retiré dans une prochaine version majeure — + cette page reste utile si le zoom continent interactif est requis. +

+
+

dsfr-data-world-map : Ce composant affiche une carte choropleth diff --git a/guide/guide-grist-widgets.html b/guide/guide-grist-widgets.html index f661369a..e3a8fab6 100644 --- a/guide/guide-grist-widgets.html +++ b/guide/guide-grist-widgets.html @@ -107,8 +107,10 @@

Types de visualisation

scatterNuage de points gaugeJauge de progression bar-lineBarres + lignes combines - CartesmapCarte de France par departements + CartesmapCarte de France par departements map-regCarte de France par regions + map-acaCarte de France par academies (noms en majuscules) + map-mondeCarte mondiale par pays (codes ISO 3166-1) KPIkpiIndicateur cle de performance (valeur agregee) diff --git a/specs/components/dsfr-data-world-map.html b/specs/components/dsfr-data-world-map.html index 3fed4b26..8d56cdba 100644 --- a/specs/components/dsfr-data-world-map.html +++ b/specs/components/dsfr-data-world-map.html @@ -29,6 +29,18 @@ Colorie les pays selon une valeur numérique issue d'une source de données.

+
+

Composant déprécié

+

+ Depuis DSFR Chart 2.1, + la carte mondiale est fournie nativement : utilisez + <dsfr-data-chart type="map-monde"> + (aucun bundle supplémentaire, codes ISO alpha-3/numériques convertis automatiquement). + dsfr-data-world-map sera retiré dans une prochaine version majeure — + il reste pertinent uniquement si le zoom continent interactif est requis. +

+
+

Ce composant est developpe specifiquement pour dsfr-data (pas un composant DSFR Chart). From f67e06f259e11d9a06866d83da8f353e4adaeeb0 Mon Sep 17 00:00:00 2001 From: bmatge <45901416+bmatge@users.noreply.github.com> Date: Fri, 17 Jul 2026 00:44:06 +0200 Subject: [PATCH 2/2] =?UTF-8?q?feat(playground):=20exemples=20DSFR=20Chart?= =?UTF-8?q?=202.1=20+=20visibilit=C3=A9=20GitHub/npm=20(#402)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 4 nouveaux exemples : cartes map-reg / map-aca / map-monde (conversion ISO démontrée) + unpivot-series-line (wide→tidy + series-field) - world-map : optgroup et callout marqués dépréciés → type="map-monde" - e2e : tour guidé désactivé via localStorage avant chaque page (l'overlay interceptait #run-btn — cause des timeouts flaky) ; 4 exemples couverts - npm : keywords ajoutés au package dsfr-data (dsfr-chart, dataviz…) Co-Authored-By: Claude Fable 5 --- apps/playground/index.html | 10 +- apps/playground/src/examples/examples-data.ts | 185 +++++++++++++++++- e2e/playground-examples.spec.ts | 81 ++++---- packages/core/package.json | 12 ++ tests/apps/playground/examples.test.ts | 4 +- 5 files changed, 253 insertions(+), 39 deletions(-) diff --git a/apps/playground/index.html b/apps/playground/index.html index 9453a8f4..166022ea 100644 --- a/apps/playground/index.html +++ b/apps/playground/index.html @@ -49,6 +49,7 @@ + @@ -90,8 +91,13 @@ - - + + + + + + + diff --git a/apps/playground/src/examples/examples-data.ts b/apps/playground/src/examples/examples-data.ts index 362740c8..2b2a84e4 100644 --- a/apps/playground/src/examples/examples-data.ts +++ b/apps/playground/src/examples/examples-data.ts @@ -290,6 +290,52 @@ export const examples: Record = {

`, + 'unpivot-series-line': ` + +
+

Production annuelle par filiere (TWh)

+

+ Données illustratives au format "wide" (une colonne par annee), depliees en format long +

+ + + + + + + + + + +
+

+ dsfr-data-unpivot deplie les colonnes a2022..a2024 en lignes + {filiere, annee, twh} ; series-field="filiere" transforme chaque + filiere en série. Une nouvelle colonne d'annee est prise en compte sans changer la config. +

+
+
`, + 'direct-datalist': ` + +
+

Population par region (millions)

+

+ Données embarquees — Source : INSEE, estimations 2024 (arrondies) +

+ + + + + + + +
+

+ type="map-reg" : carte nationale des regions via + <map-chart level="reg"> (DSFR Chart 2.1). Les cles de données + sont les codes region INSEE (11, 84...). +

+
+
`, + + 'direct-map-aca': ` + +
+

Effectifs eleves par academie (milliers)

+

+ Données illustratives — ordres de grandeur MENJ +

+ + + + + + + +
+

+ type="map-aca" : carte des academies via + <map-chart level="aca"> (DSFR Chart 2.1). Les cles de données + sont les noms d'academie en majuscules (PARIS, LYON...). +

+
+
`, + + 'direct-map-monde': ` + +
+

PIB par pays (milliards USD)

+

+ Données embarquees — Source : Banque mondiale (extrait). + Les codes melangent volontairement alpha-3 (USA), alpha-2 (CN) et numerique (250) + pour illustrer la conversion automatique. +

+ + + + + + + +
+

+ type="map-monde" : carte mondiale native via + <map-chart level="monde"> (DSFR Chart 2.1) — remplace + dsfr-data-world-map (deprecie). Les codes alpha-3 et numeriques + sont convertis automatiquement en alpha-2. +

+
+
`, + 'direct-worldmap': `