Guide utilisateur — dsfr-data
Ce guide presente les principaux parcours d'utilisation de dsfr-data, une bibliotheque de Web Components de dataviz pour les sites gouvernementaux francais, conforme au DSFR.
Chaque parcours est presente comme une user story :
Visites guidees
Lancez une visite guidee pour decouvrir chaque outil. Chaque visite ne se lance qu'une fois automatiquement ; vous pouvez la relancer ou la reinitialiser a tout moment.
Jeux de donnees de demonstration
Le Builder et le Builder IA proposent des jeux de donnees d'exemple prets a l'emploi pour decouvrir l'outil sans connecter de source. Vous pouvez les masquer si vous ne souhaitez utiliser que vos propres donnees.
L'interface
L'application est accessible depuis la page d'accueil qui regroupe tous les outils :
Les outils disponibles sont :
- Sources : connecter et gerer les sources de donnees (Grist, API, manuelles)
- Builder : generateur visuel de graphiques pas-a-pas
- Builder IA : generateur de graphiques par conversation avec l'IA Albert
- Playground : editeur de code interactif avec apercu temps reel
- Dashboard : editeur visuel de tableaux de bord multi-widgets
- Monitoring : suivi des deployements de widgets en production
Parcours utilisateur
7 parcours pas-a-pas : donnees locales, Grist, Builder IA, Playground, Dashboard, API REST, Monitoring.
Exemples par composant
Exemples live avec code source : dsfr-data-source, normalize, query, search, facets, display.
Ressources
Playground
Editeur de code interactif avec exemples precharges et apercu en temps reel.
Demo composants
Voir tous les composants avec leurs attributs et exemples interactifs.
DSFR Chart
Documentation officielle des composants graphiques DSFR.