Chart-Maker — Application web pour la création de graphiques et diagrammes dans le navigateur

Générateur en ligne / hors ligne, 21 types de graphiques, exportation en PNG JPEG WEBP AVIF SVG, historique, instructions détaillées, installation de l'application

Pour les utilisateurs Applications
Application Chart-Maker
Pour les développeurs Bibliothèques
Bibliothèques Chart-Maker
Paramètres du graphique
JSON
Aperçu
Utilisation — instructions détaillées

Le panneau « Paramètres du graphique » contient toutes les commandes ; à côté, un aperçu en direct se met à jour automatiquement à chaque modification. Sur les grands écrans, les deux sont côte à côte ; sur un téléphone, ils sont empilés, l’aperçu sous les réglages.

Déroulé : 1) choisissez un type de graphique ; 2) saisissez un titre et un nom de jeu de données ; 3) remplissez les données dans le tableau ci-dessous ; 4) annulez ou rétablissez si besoin ; 5) ouvrez « Exporter » pour télécharger une image ou enregistrer le projet.

Il existe 21 types, regroupés selon la manière de saisir les données :

  • Libellé / valeur : barres, ligne, aire, barres horizontales, secteurs, anneau, radar, aire polaire, nuage de mots.
  • Points X / Y : nuage de points (X, Y), bulles (X, Y, taille).
  • Plusieurs jeux de données : empilé, groupé, multi-lignes, combiné (chaque jeu est une barre ou une ligne).
  • Catégorie et liste de valeurs : boîte à moustaches, violon.
  • Hiérarchie : treemap (libellé, valeur, groupe).
  • Grille : carte de chaleur (X, Y, valeur).
  • Flux : sankey (de, vers, flux).
  • Carte : choroplèthe (pays choisi dans une liste, valeur).

Le tableau de données s’adapte au type choisi. « Ajouter une ligne » ajoute une entrée, la croix en supprime une.

  • Libellé / valeur : un libellé et un nombre.
  • Points : X et Y (les bulles ont aussi une taille).
  • Plusieurs jeux de données : les catégories sont séparées par des virgules, les valeurs de chaque jeu forment une liste de nombres séparés par des virgules ; en mode combiné, chaque jeu est réglé sur barre ou ligne.
  • Boîte / violon : une liste de nombres séparés par des virgules dans le champ des valeurs.
  • Carte de chaleur : X, Y (catégories) et une valeur.
  • Sankey : de, vers et la quantité du flux.
  • Choroplèthe : le pays est choisi dans une liste déroulante (noms dans la langue de l’interface), plus une valeur.

Le bouton « Exporter » ouvre une fenêtre.

  • Format : PNG, JPEG, WEBP, AVIF (un vrai format, encodé dans le navigateur — l’encodeur se charge à la première utilisation) et SVG (vectoriel).
  • Largeur et hauteur — taille de l’image en pixels ; vide signifie la taille actuelle du graphique.
  • Télécharger l’image — enregistre l’image ; un fond et la liste des données sous le graphique y sont ajoutés.
  • Enregistrer le projet — un fichier .json avec tous les paramètres ; la case « Inclure l’historique et le journal » les ajoute au fichier.

Le bouton « Importer » ouvre une fenêtre avec une zone où déposer un fichier de projet .json ou cliquer pour le sélectionner. Une fois le fichier choisi, le bouton « Appliquer le projet » devient actif et charge les paramètres (ainsi que l’historique et le journal s’ils ont été enregistrés).

  • Ctrl/Cmd + Z — annuler
  • Ctrl/Cmd + Y ou Ctrl/Cmd + Maj + Z — rétablir
  • Ctrl/Cmd + S — enregistrer le projet
  • Ctrl/Cmd + E — fenêtre d’export
  • Ctrl/Cmd + O — fenêtre d’import
  • Ctrl/Cmd + J — journal
  • Ctrl/Cmd + , — paramètres

Dans les champs de saisie, Ctrl+Z et Ctrl+Y fonctionnent comme l’édition de texte normale.

  • Annuler / Rétablir : revenir en arrière ou en avant sur les modifications des données et des paramètres.
  • Journal : conserve les actions, les conseils et les erreurs ; il peut être effacé.