Le Builder de graphiques en détail
Le Builder de ChartsBuilder, fonctionnalité par fonctionnalité : sept chapitres courts, sur une même donnée ouverte, le guichet Industrie du futur.
La vidéo dure 13 min 45. Choisissez un chapitre dans le sommaire : la vidéo s'y positionne. Chaque chapitre se regarde seul. Sous-titres et transcription disponibles ; rien n'est téléchargé avant la lecture.
Un chapitre à venir : « Redresser des données brutes » (nettoyage des données). Il sera ajouté quand la fonction marchera sur toutes les sources.
Transcription, chapitre par chapitre
[À l'écran] Carton : « Le Builder de graphiques en détail » — Sept chapitres, sur une même donnée ouverte : le guichet Industrie du futur..
Voix off : Le Builder de graphiques de ChartsBuilder, fonctionnalité par fonctionnalité. Sept chapitres courts, sur une même donnée ouverte : le guichet Industrie du futur, région par région. Chaque chapitre se comprend seul ; le sommaire, sous la vidéo, mène directement à celui qui vous intéresse.
[À l'écran] Carton titre : « Chapitre 1 — Choisir la forme qui sert le message ».
Voix off : J'ai un premier graphique : les bénéficiaires par région, en barres. Mais leurs noms se lisent mal : quelle forme sert vraiment mon message ?
[À l'écran] Builder : aperçu du graphique en barres verticales, bénéficiaires par région ; zoom sur l'axe horizontal aux libellés de régions serrés ; sous le panneau de réglages, le statut « Graphique à jour ».
Voix off : Dix-huit régions, aux noms longs et en majuscules, serrés sous l'axe. Sous les réglages, le statut dit « Graphique à jour » : l'aperçu reflète mes choix.
[À l'écran] Section « 2 Type de graphique » ouverte : survol des onze boutons de la grille ; clic sur « Lignes », puis section « 3 Configuration des données » : le premier champ s'intitule « Axe X / Temps » ; retour à la grille, clic sur « Camembert » : le champ s'intitule « Segments — Catégories du camembert (max 7 recommandé) ».
Voix off : À l'étape deux, onze formes : barres, barres horizontales, lignes, camembert, anneau, radar, nuage de points, jauge, indicateur clé, carte, tableau. Chaque forme dit ce qu'elle attend : si je choisis « Lignes », l'étape trois réclame un axe du temps. « Camembert » demande des segments : sept au maximum.
[À l'écran] Clic sur « Barres H » dans la grille des types ; le statut sous les réglages passe à « Modifications non générées » ; clic sur « Générer » : l'aperçu montre des barres horizontales, un nom de région complet devant chaque barre, triées par ordre décroissant.
Voix off : Quand les libellés sont longs, « Barres H », les barres horizontales : le nom s'écrit devant la barre. Le statut prévient : « Modifications non générées » ; l'aperçu ne change que si je génère. Je génère : les dix-huit régions se lisent en entier, de la plus grande à la plus petite.
[À l'écran] Section « 4 Apparence », liste « Palette de couleurs » : « Dégradé clair → foncé » (les pastilles de couleurs changent sous la liste), puis « Couleurs distinctes par catégorie », puis retour à « Bleu France » ; clic sur « Générer ».
Voix off : À l'étape quatre, la palette : ses couleurs s'affichent sous la liste, avant de générer. Un dégradé dit un ordre ; des couleurs distinctes, des catégories ; le bleu France, une seule mesure. C'est mon cas : je garde « Bleu France », et je génère.
[À l'écran] Clic sur « Camembert », « Générer » : l'aperçu montre un disque d'une seule couleur (palette Bleu France) à dix-huit parts, et une légende de dix-huit entrées ; retour à « Barres H », « Générer » : barres horizontales, palette Bleu France ; statut « Graphique à jour ».
Voix off : Et le camembert ? Je le teste : dix-huit parts, impossible à lire. Il vaut pour sept parts au plus ; pour n'en garder que quelques-unes, il faudrait filtrer les données. Je reviens aux barres horizontales, et je génère. La forme sert le message : chaque région se lit, et le statut confirme « Graphique à jour ».
[À l'écran] Carton titre : « Chapitre 2 — Comparer deux mesures sur un même graphique ».
Voix off : Mon graphique montre une seule mesure : les bénéficiaires par région. J'en voudrais deux, côte à côte : l'investissement total des entreprises, et la participation de l'État.
[À l'écran] Builder : aperçu des bénéficiaires par région en barres horizontales ; section « 3 Configuration des données » : liste des valeurs sur « montant_investissement », libellé « Investissement total » ; survol de la liste d'agrégation « Somme ».
Voix off : Pour comparer deux mesures, il faut la même unité : ici, des euros. À l'étape trois, je change la valeur à mesurer : le montant d'investissement, avec le libellé « Investissement total ». L'agrégation, le calcul qui regroupe les lignes, reste sur « Somme » : les départements s'additionnent par région.
[À l'écran] Clic sur « Ajouter une série » : une ligne « Série 2 » apparaît sous la première valeur ; champ « montant_participation_etat », libellé « Participation de l'État » ; zoom sur la ligne « Série 2 ».
Voix off : Sous la première valeur, le bouton « Ajouter une série » : il n'apparaît que pour les barres, les lignes et le radar. Je choisis la participation de l'État, et son libellé : c'est lui que liront la légende et le tableau accessible. Même agrégation, même axe : des euros contre des euros.
[À l'écran] Section « 4 Apparence » : titre saisi, liste « Palette de couleurs » sur « Couleurs distinctes par catégorie » ; clic sur « Générer » ; l'en-tête « 3 Configuration des données » résume « nom_region × montant_investissement (+1 série) » ; aperçu : barres horizontales groupées, deux couleurs, légende « Investissement total » / « Participation de l'État » ; pointage de la légende puis de la première paire de barres.
Voix off : À l'étape quatre, un titre qui dit le message : l'État finance près d'un tiers des investissements. Pour la palette, je choisis « Couleurs distinctes par catégorie », une couleur par mesure, et je génère. Le résumé de l'étape trois compte une série de plus ; dans l'aperçu, deux barres par région, une légende par mesure.
[À l'écran] Onglet « Code » : la balise dsfr-data-chart avec les attributs value-field, value-fields et name ; retour à l'onglet « Aperçu » sur le graphique à deux séries.
Voix off : Dans l'onglet « Code », une seule balise porte les deux mesures : value-field, value-fields, et leurs deux noms. Rien à recopier : le graphique reste branché sur la donnée, et se met à jour avec elle. Retour à l'aperçu : deux mesures dans la même unité, sur un même graphique, et la comparaison se lit d'un coup d'œil.
[À l'écran] Carton titre : « Chapitre 3 — Ne montrer qu'une partie des données ».
Voix off : J'ai un graphique des bénéficiaires par région : dix-huit barres. Pour une page régionale, je veux le même, pour la Bretagne seulement, par département, sans créer une autre source.
[À l'écran] Builder : aperçu du graphique en barres par région ; section « 3 Configuration des données » ouverte ; « Étiquettes » = nom_departement, libellé « Département ».
Voix off : Dans « Configuration des données », je passe les étiquettes, l'axe du graphique, au département. Sans filtre, ce serait une centaine de barres : je ne génère pas encore.
[À l'écran] Zone « Filtres » (compteur « aucun ») ; clic sur « Ajouter un filtre » : une ligne champ / opérateur / valeur ; champ nom_region, opérateur « égal », valeur BRETAGNE ; zoom sur la ligne ; le compteur affiche « 1 actif ».
Voix off : Plus bas, la zone « Filtres » : je clique sur « Ajouter un filtre ». Un filtre se construit en trois cases : le champ, l'opérateur, c'est-à-dire la comparaison, et la valeur. Le champ, la région ; l’opérateur, « égal » ; la valeur, BRETAGNE en majuscules, comme dans la donnée, car le filtre est exact. Le compteur passe à « 1 actif » ; plusieurs filtres se cumuleraient.
[À l'écran] Clic sur « Mode texte (expert) » : champ texte contenant nom_region:eq:BRETAGNE, aide « Format : champ:opérateur:valeur » ; accordéon « Opérateurs disponibles » déplié (eq, neq, gt, gte, lt, lte, contains, in, isnull) ; clic sur « ← Mode visuel ».
Voix off : Pour qui préfère écrire, le mode texte montre le même filtre en une ligne : champ, opérateur, valeur. Dessous, « Opérateurs disponibles » liste toutes les comparaisons possibles. Je reviens au mode visuel : les deux écritures restent synchronisées.
[À l'écran] « Trier par » = nom_departement, « Ordre » = « Croissant » ; survol de l'aide « ? » de l'ordre ; section « 4 Apparence » : titre « Bretagne : 470 entreprises bénéficiaires » ; « Générer » : aperçu à quatre barres, Côtes-d'Armor, Finistère, Ille-et-Vilaine, Morbihan.
Voix off : Trier par valeur hiérarchise ; ici, je trie par nom de département, en ordre croissant : le lecteur retrouve le sien. « Ordre source » garderait l'ordre de la donnée, utile pour des mois en lettres. À l'étape quatre, le titre dit le périmètre, Bretagne : 470 entreprises bénéficiaires, et je génère. Quatre barres, dans l’ordre alphabétique, des Côtes-d’Armor au Morbihan.
[À l'écran] Onglet « Code » : zoom sur la balise dsfr-data-source avec where="nom_region = 'BRETAGNE'" et sur dsfr-data-query avec order-by="nom_departement:asc".
Voix off : Dans l'onglet « Code », le filtre est inscrit dans la requête, avec where ; le tri, avec order-by. Aucune copie des données : la page ne recevra que les lignes de Bretagne, à jour à chaque affichage.
[À l'écran] Section « 3 Configuration des données » : accordéon « Requête avancée (group-by, agrégats multiples) » déplié ; « Agrégations multiples » = nombre_beneficiaires:sum:beneficiaires, montant_investissement:sum:investissement ; « Générer » ; dans l'aperçu, accordéon « Accessibilité : données et description » ouvert : tableau à trois colonnes (département, bénéficiaires, investissement) ; zoom.
Voix off : Sous les filtres, la « Requête avancée » va plus loin : un regroupement libre, et plusieurs calculs à la fois. J'ajoute la somme des investissements à côté des bénéficiaires, chaque calcul nommé, et je génère. Le graphique ne trace que le premier calcul ; les autres sont dans le tableau accessible, et dans le CSV. Une région, ses départements, deux calculs : j'ai fixé le périmètre, et le graphique reste branché sur la donnée.
[À l'écran] Carton titre : « Chapitre 4 — Laisser le lecteur filtrer lui-même ».
Voix off : Sur ma page nationale, je veux toutes les régions, et laisser le lecteur cocher celles qu’il compare. Ce n'est plus moi qui fixe le périmètre : des filtres dans la page, et un lien qui rouvre la même sélection.
[À l'écran] Builder : aperçu du graphique en barres par région ; section « Mode de génération » ouverte, bouton radio « Chargement dynamique » coché ; survol.
Voix off : Sous « Réglages avancés », « Chargement dynamique » est déjà coché, pour une source en ligne. C'est la page qui interroge la donnée ; les filtres du lecteur n'existent que dans ce mode.
[À l'écran] Section « Filtres à facettes » ouverte ; interrupteur « Filtres interactifs » basculé (« Active ») ; clic sur « Configurer les facettes » : la fenêtre « Configuration des facettes » s'ouvre.
Voix off : Une facette est un filtre offert au lecteur : j'active « Filtres interactifs », puis « Configurer les facettes ».
[À l'écran] Fenêtre « Configuration des facettes » : clic sur « Tout désélectionner » ; ligne nom_region : case cochée, « Label » = Région, « Affichage » = « Cases à cocher », case « Multi (OU) » cochée ; « Appliquer » ; résumé « 1 facette configurée (nom_region) » ; « Tri des valeurs » = « Alphabétique (A-Z) ».
Voix off : La fenêtre s’ouvre tout cochée ; je désélectionne tout, pour ne garder que ce qui a un sens pour le lecteur. Je coche la région, avec le libellé « Région », en « Cases à cocher », et « Multi » : plusieurs régions à la fois. J'applique : le résumé annonce « 1 facette configurée ». Tri des valeurs : alphabétique, chacun retrouve sa région.
[À l'écran] Section « Partage par l'adresse » ouverte ; interrupteur « Adresse partageable » basculé (« Active ») ; aide « L'utilisateur final peut copier l'adresse pour rouvrir ses filtres et sa page ».
Voix off : La section « Partage par l'adresse » vient d'apparaître : j'active « Adresse partageable ». La sélection du lecteur s'écrit dans l'adresse de la page : un lien copié rouvre la même vue.
[À l'écran] « Générer » ; dans l'aperçu, au-dessus du graphique, le bloc de facettes « Région » (cases AUVERGNE-RHONE-ALPES, BOURGOGNE-FRANCHE-COMTE, BRETAGNE…, bouton « Voir plus ») ; cases BRETAGNE puis CORSE cochées : le graphique passe à deux barres ; clic sur « Réinitialiser les filtres ».
Voix off : Je génère : dans l’aperçu, au-dessus du graphique, le bloc « Région », avec ses cases à cocher. Je joue le lecteur : je coche Bretagne, puis Corse, et le graphique se réduit à deux barres, sans rechargement. « Réinitialiser les filtres » rend toutes les régions.
[À l'écran] Onglet « Code » : zoom sur la balise dsfr-data-facets (id faceted-data, fields nom_region, labels Région, disjunctive, sort alpha, url-params, url-sync) puis dsfr-data-chart source="faceted-data".
Voix off : Dans l'onglet « Code », une balise de plus entre la requête et le graphique : dsfr-data-facets, avec url-sync. Le graphique lit faceted-data, la donnée filtrée ; je colle ce code, et le lecteur filtre lui-même. Toutes les régions à l’écran, un lien par sélection : le graphique reste vivant.
[À l'écran] Carton titre : « Chapitre 5 — Publier les données elles-mêmes, en tableau ».
Voix off : Sous le graphique, le service veut la liste complète par département : consultable, triable, exportable. Et sans copier une centaine de lignes dans la page.
[À l'écran] Builder : aperçu du graphique en barres par région ; étape « 2 Type de graphique » : clic sur « Tableau » ; étape « 3 Configuration des données » : le bloc devient « Colonnes — Champ principal du tableau » (nom_departement choisi), « Trier par », « Ordre » (« Ordre source »), et le fieldset « Options du tableau ».
Voix off : Le graphique résume, le tableau donne tout : à l’étape deux, je choisis « Tableau ». L’étape trois change : un champ principal, « Colonnes », et les « Options du tableau ». Je prends le département, en « Ordre source » : le lecteur triera lui-même.
[À l'écran] Clic sur « Configurer les colonnes » : fenêtre « Configuration des colonnes », dix lignes (case « Afficher la colonne », nom du champ, « Libellé de la colonne », case « Filtrable ») ; six cases décochées (mesure, mesure_light, volet_relance, code_departement, code_region, montant_participation_etat) ; quatre libellés saisis ; clic sur « Appliquer ».
Voix off : « Configurer les colonnes » ouvre une fenêtre, une ligne par champ : je décoche les six colonnes techniques. Je renomme les quatre qui restent, Département, Région, Bénéficiaires, Investissement en euros, puis j’applique.
[À l'écran] Fieldset « Options du tableau » : « Recherche » et « Export CSV » cochés, clic sur « Filtres par colonne » ; survol de « Export HTML ».
Voix off : « Options du tableau » : « Recherche » et « Export CSV » sont cochés ; je coche « Filtres par colonne ». Mais ce tableau est paginé par l’API, le service qui fournit la donnée : une recherche locale ne verrait qu’une page sur six. La bibliothèque les désactive donc, et le code dira quoi mettre à la place.
[À l'écran] Section « Partage par l'adresse » : interrupteur « Adresse partageable » activé, champ « Nom du paramètre de page » = page ; étape « 4 Apparence » : titre saisi ; clic sur « Générer ».
Voix off : Dans « Partage par l’adresse », j’active « Adresse partageable » : le numéro de page suivra dans le lien. À l’étape quatre, un titre pour le tableau, et je génère.
[À l'écran] Aperçu : tableau au Système de design de l'État, « 101 résultats », bouton « Exporter CSV », colonnes Département / Région / Bénéficiaires / Investissement (€), « Page 1 sur 6 » ; clic sur l'en-tête « Département » (tri croissant, de l'Ain), puis sur « Page suivante » : « Page 2 sur 6 ».
Voix off : « 101 résultats », vingt lignes affichées, « Page 1 sur 6 » ; les en-têtes portent mes libellés. Un clic sur « Département » demande le tri à l’API ; « Page suivante » : la suite arrive du serveur, la page reste légère.
[À l'écran] Onglet « Code » : dsfr-data-source avec server-side et page-size="20", commentaire « Pagination serveur : la recherche et les filtres … dsfr-data-search server-search », dsfr-data-list avec columns, export, url-sync, server-sort, pagination="20" ; retour sur l'onglet « Aperçu », tableau en page 2.
Voix off : Onglet « Code » : la source paginée par le serveur, vingt par page ; la liste, ses colonnes, l’export, le tri, la pagination. Un commentaire rappelle la limite : pour chercher dans tout le jeu, il faut une recherche serveur en amont. Retour à l’aperçu : un tableau vivant, branché sur la donnée comme le graphique.
[À l'écran] Carton titre : « Chapitre 6 — Le cadre officiel et l'accessibilité, réglage par réglage ».
Voix off : Avant de régler tout le site, je veux comprendre chaque case de l’accessibilité et du « Cadre officiel DSFR ».
[À l'écran] Builder, aperçu du graphique en barres par région ; section « Accessibilité » ouverte (résumé « tableau, téléchargement ») : « Ajouter le composant accessibilité », « Tableau de données », « Téléchargement CSV » cochés ; « Description (optionnelle) » saisie ; « Générer » ; dans l'aperçu, sous le graphique, l'accordéon « Accessibilité : données et description » déplié : la description, le tableau Région / Bénéficiaires, le bouton « Télécharger en CSV » (survolé).
Voix off : Trois cases d’accessibilité : « Tableau de données » et « Téléchargement CSV » sont déjà cochés. J’ajoute la description : le message que l’image ne dit pas. Je génère, et je déplie, sous le graphique, l’accordéon « Accessibilité : données et description ». Un lecteur d’écran entend : dix-huit lignes, la description, puis le tableau. « Télécharger en CSV » donne le jeu, prêt pour la donnée ouverte.
[À l'écran] Section « Accessibilité » : case « Tableau de données » décochée, résumé de la section « téléchargement, description » surligné ; case recochée.
Voix off : Chaque case se retire séparément : sans « Tableau de données », le résumé devient « téléchargement, description ». La description, elle, reste ; je garde les trois cases.
[À l'écran] Section « Cadre officiel DSFR » ouverte : case « Encadrer le graphique (titre, source, téléchargement) » cochée (les cases « Tableau de données » et « Téléchargement CSV » de la section Accessibilité disparaissent) ; champs « Titre », « Source », « Date » (Janvier 2026), « Tendance » (+12) saisis ; « Téléchargement CSV » coché, clics sur « Screenshot PNG » et « Plein écran » ; clic sur « Générer ».
Voix off : Dans « Cadre officiel DSFR », je coche « Encadrer le graphique » : sept réglages apparaissent. Les cases tableau et CSV quittent l’accessibilité : c’est le cadre qui les porte désormais. Je remplis « Titre » et « Source », qui iront dans le cadre ; « Date » : Janvier 2026. « Tendance » : une évolution que je saisis moi-même, plus 12, pas calculée. Je coche « Screenshot PNG » et « Plein écran », et je génère.
[À l'écran] Aperçu : le graphique dans le bloc du Système de design de l'État (fr-card) : titre « Bénéficiaires du guichet Industrie du futur », badge vert « En hausse ↗ +12 », pied « DGE, data.economie.gouv.fr, Janvier 2026 » ; clic sur le bouton « Plus d'actions » (trois points) : menu « Capture d'écran », « Télécharger en CSV » ; le menu est refermé ; clic sur la bascule « Vue tableau » en bas à droite du bloc : le tableau région / bénéficiaires remplace le graphique, puis retour à « Vue graphique ».
Voix off : Le bloc du Système de design de l’État : titre en haut, tendance en badge, source et date en pied. Sous les trois points, « Capture d’écran » et « Télécharger en CSV » ; le plein écran est dans le code, le composant ne l’affiche pas encore. En bas, une bascule passe à la vue tableau, et revient.
[À l'écran] Onglet « Code » : dsfr-data-chart avec databox, databox-title, databox-source, databox-date, databox-download, databox-screenshot, databox-fullscreen, databox-trend="+12" ; balise dsfr-data-a11y avec table, download, description ; retour sur l'onglet « Aperçu » : le graphique dans son cadre et l'accordéon d'accessibilité déplié.
Voix off : Onglet « Code » : chaque case du cadre est devenue un attribut, un réglage écrit sur la balise du graphique. Puis la balise d’accessibilité, avec tableau, téléchargement et description : deux composants, dix attributs, à ma main. Retour à l’aperçu : le graphique, son cadre, et tout ce qu’il faut pour le lire sans le voir.
[À l'écran] Carton : « Le Builder de graphiques en détail · Chapitre 7 — Vérifier, se faire guider, prolonger ».
Voix off : Avant de publier : savoir ce que reçoit le graphique, retrouver un réglage sans fouiller, garder de quoi retoucher.
[À l'écran] Builder ouvert sur le graphique. Menu « Plus d'actions », entrée « Diagnostic » : le volet de l'assistant s'ouvre à droite sur l'onglet « Diagnostic », rail « 4 étapes · 18 lignes · aucune alerte », onglets « Constats », « Flux », « Champs », « Journal ». Flux : chart-src (source) → 18 lignes, 2 champs ; query-data (requête) reçoit 18 lignes ; chart et dsfr-data-a11y-1 « alimenté ». Onglet « Champs » : nom_region (texte), nombre_beneficiaires__sum (numérique).
Voix off : « Plus d'actions », puis « Diagnostic » : un volet apparaît à droite. Quatre étapes, dix-huit lignes, aucune alerte ; l'onglet « Flux » suit les lignes, de la source au graphique et à l'accessibilité. L'onglet « Champs » liste ce qui arrive : la région, et la somme des bénéficiaires ; un champ manquant se lirait ici.
[À l'écran] Section « 3 Configuration des données », « Ajouter un filtre » : champ nombre_beneficiaires, opérateur « > », valeur 100000 ; « Générer » : aperçu « Aucune donnée disponible », rail « 4 étapes · 0 ligne · 4 alertes », pastille 4 sur « Plus d'actions ». Onglet « Constats » : « chart-src : la source ne renvoie aucune ligne — À faire : choisir une autre source, ou vérifier son filtre », bouton « Me montrer » ; clic : la section « 1 Source de données » est encadrée. Le filtre est retiré (croix), « Générer » : rail « 18 lignes · aucune alerte ».
Voix off : Pour voir une alerte, j’ajoute un filtre trop strict : plus de 100 000 bénéficiaires, et je génère. Zéro ligne, quatre alertes en cascade ; le premier constat dit la cause : la source ne renvoie aucune ligne. « Me montrer » encadre la section en cause : la source de données. Je retire ce filtre et je génère : aucune alerte.
[À l'écran] Onglet « Conversation » de l'assistant : « Bonjour, que puis-je faire pour vous ? », suggestions, champ « Posez votre question… », sous le champ « Me montrer un réglage : Dire · Guider » (Guider actif). Saisie « Où est la palette de couleurs ? », « Envoyer » : réponse « C'est ici : Apparence › Palette de couleurs. » ; à gauche, la section « 4 Apparence » s'ouvre et le sélecteur « Palette de couleurs » est encadré. Pied du volet : « IA de l’État : réponses à vérifier », lien « Construire pour moi dans le Studio ».
Voix off : Dans l'onglet « Conversation », en mode « Guider », je demande à l'assistant où est la palette de couleurs. À gauche, « Apparence » s'ouvre, la palette est encadrée : une correspondance trouvée sur place, sans modèle. Albert, l'IA de l'État, n'intervient qu'en secours, réponses à vérifier. « Construire pour moi » passerait la main au Studio.
[À l'écran] Clic sur « Réduire l’assistant » : le volet se replie, le graphique réapparaît en entier. Menu « Plus d'actions » : survol de « Ouvrir dans le Playground » puis de « Ouvrir dans le Pipeline ».
Voix off : Je réduis l'assistant ; « Plus d'actions » propose deux passerelles vers le même code. « Ouvrir dans le Playground » édite le code à la main ; « Ouvrir dans le Pipeline » montre les composants en chaîne. Chacune ramène au Builder d’un clic.
[À l'écran] Menu « Plus d'actions », « Exporter en PNG » : fichier « beneficiaires-du-guichet-industrie-du-futur-par-region.png » téléchargé. Puis « Ajouter aux favoris », nom « Bénéficiaires par région — cadre et accessibilité », « Enregistrer ».
Voix off : Pour l'imprimé, « Exporter en PNG » télécharge l'aperçu, nommé d'après le titre. Et « Ajouter aux favoris » garde le graphique pour un tableau de bord.
[À l'écran] Plan sur le graphique, avec son accordéon d'accessibilité ; en bas du panneau de gauche, le statut « Graphique à jour ».
Voix off : Vérifié, guidé, gardé : le graphique est à jour, prêt à coller dans la page.
[À l'écran] Carton : « Un graphique accessible et vivant, réglé au plus près du message. ».
Voix off : Chaque réglage montré ici est détaillé dans la documentation de ChartsBuilder.