dsfr-data est une bibliotheque de Web Components pour creer des tableaux de bord et visualisations de donnees conformes au Design System de l'Etat (DSFR).
Cette bibliotheque s'articule autour de deux types de composants complementaires :
Composants developpes specifiquement pour ce projet. Ils gerent la connexion aux donnees, les transformations, et l'affichage d'indicateurs. Ils communiquent entre eux via un systeme de data-bridge qui permet de partager les donnees sans ecrire de JavaScript.
Graphiques provenant de la bibliotheque officielle
DSFR Chart.
Ces composants sont conformes RGAA et respectent la charte graphique de l'Etat.
Ils peuvent etre utilises directement ou via notre wrapper dsfr-data-chart
pour une alimentation dynamique.
Le pont entre les deux : Le composant <dsfr-data-chart> fait le lien
entre le systeme de donnees dsfr-data-source et les graphiques DSFR Chart,
permettant de creer des visualisations dynamiques alimentees par une API.
Ces composants gèrent la recuperation, la transformation et l'affichage des donnees.
Connecteur de donnees
Recupere les donnees depuis une API et les distribue aux autres composants.
Normalisation des donnees
Nettoie et normalise les donnees : conversion numerique, renommage, trim.
Filtres a facettes
Ajoute des filtres interactifs par facettes sur les donnees d'une source.
Recherche textuelle
Champ de recherche DSFR qui filtre les donnees en amont. Se combine avec les facettes.
Affichage dynamique
Genere des cartes, tuiles ou tout motif HTML repetitif a partir d'un template et de donnees.
Indicateur chiffre
Affiche une valeur cle avec formatage, couleurs conditionnelles et icones.
Wrapper graphique
Connecte les graphiques DSFR Chart au systeme de donnees dynamiques.
Accessibilite graphique
Companion d'accessibilite unifie : tableau des donnees, telechargement CSV et description textuelle.
Graphiques officiels conformes au DSFR. Utilisez-les directement ou via dsfr-data-chart pour des donnees dynamiques.