dsfr-data-podium - Composants

Affiche un classement visuel (top N) avec rang numerote, label, barre de progression proportionnelle et valeur formatee.

Attributs

Attribut	Type	Defaut	Description
`source`	String	`""`	ID du `<dsfr-data-source>` ou `<dsfr-data-query>` (requis)
`label-field`	String	`""`	Chemin vers le champ label (supporte dot notation)
`value-field`	String	`""`	Chemin vers le champ valeur numerique
`subtitle`	String	`""`	Texte fixe affiche sous chaque label
`subtitle-field`	String	`""`	Chemin vers un champ pour le sous-titre (prioritaire sur subtitle)
`value-unit`	String	`""`	Unite affichee apres la valeur
`selected-palette`	String	`"sequentialDescending"`	Palette de couleurs : sequentialDescending, sequentialAscending, categorical, neutral
`max-items`	Number	`5`	Nombre maximum d'items affiches
`no-sort`	Boolean	`false`	Desactive le tri automatique (desc par valeur)
`bar-max`	Number	-	Valeur max forcee pour les barres (ex: 100 pour des %)

Palettes disponibles

Palette	Description
`sequentialDescending`	Bleu fonce vers bleu clair (defaut) — ideal pour les classements
`sequentialAscending`	Bleu clair vers bleu fonce
`categorical`	Couleurs contrastees — ideal quand les items ne sont pas ordonnes
`neutral`	Niveaux de gris

Exemples

1. Top 5 des sites par score RGAA

<dsfr-data-podium
  source="sites"
  label-field="nom"
  value-field="score_rgaa"
  subtitle="Site gouvernemental"
  value-unit="/ 100"
  selected-palette="sequentialDescending"
  max-items="5"
  bar-max="100">
</dsfr-data-podium>

2. Top 3 avec palette categorielle

<dsfr-data-podium
  source="sites"
  label-field="nom"
  value-field="score_dsfr"
  subtitle="Conformite DSFR"
  value-unit="%"
  selected-palette="categorical"
  max-items="3"
  bar-max="100">
</dsfr-data-podium>

3. Avec sous-titres dynamiques (subtitle-field)

<dsfr-data-podium
  source="sites"
  label-field="nom"
  value-field="score_rgaa"
  subtitle-field="ministere"
  value-unit="/ 100"
  bar-max="100"
  max-items="5">
</dsfr-data-podium>

4. Sans tri (ordre de la source) + palette neutre

<dsfr-data-podium
  source="sites"
  label-field="nom"
  value-field="score_rgaa"
  value-unit="/ 100"
  selected-palette="neutral"
  max-items="5"
  bar-max="100"
  no-sort>
</dsfr-data-podium>

5. Avec dsfr-data-query (agregation par ministere)

<dsfr-data-query id="par-ministere" source="sites"
  group-by="ministere"
  aggregate="score_rgaa:avg:score_moyen"
  order-by="score_moyen:desc">
</dsfr-data-query>

<dsfr-data-podium
  source="par-ministere"
  label-field="ministere"
  value-field="score_moyen"
  subtitle="Score RGAA moyen"
  value-unit="/ 100"
  bar-max="100"
  max-items="5">
</dsfr-data-podium>