diff --git a/apps/playground/index.html b/apps/playground/index.html index 9453a8f..166022e 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 362740c..2b2a84e 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': `