Comment transformer des données CSV ou JSON en graphique

Collez les données ou choisissez un fichier .csv / .json, sélectionnez une colonne d’étiquettes et une ou plusieurs séries numériques, puis cliquez sur « Générer le graphique ». Les courbes, barres, aires, secteurs et nuages de points sont dessinés dans ce navigateur et repartent en fichier SVG ou PNG.

Le graphique couvre les 80 premières lignes du tableau (12 pour un camembert) et la ligne d’indicateurs affiche « Dans le graphique » à côté du nombre de lignes dès que certaines sont écartées. Mille lignes au maximum sont lues, donc les pourcentages et les étiquettes d’axe décrivent toujours ce qui est réellement dessiné.

  1. Collez les données dans le champ ou choisissez un fichier CSV / JSON. Le séparateur est détecté sur la première ligne (virgule, point-virgule ou tabulation) sauf si vous le fixez ; le JSON doit être un tableau d’objets ou un objet dont la propriété « data » est ce tableau. La limite est de 10 Mo, pour le fichier comme pour le texte collé.
  2. Cliquez sur « Aperçu » (un fichier choisi est analysé dès son chargement). La ligne d’état indique les lignes et les colonnes ; une cellule d’en-tête sans nom reçoit un nom numéroté et un en-tête répété reçoit le suffixe « (2) », donc aucune colonne n’est perdue.
  3. Choisissez le type de graphique, la colonne d’étiquettes / X et les séries numériques. Les colonnes dont au moins 75 % des valeurs sont numériques sont proposées, les deux mieux remplies sont présélectionnées, et une colonne X numérique sert d’axe X au nuage de points.
  4. Cliquez sur « Générer le graphique ». Les indicateurs montrent les lignes, les séries et, si le graphique est plafonné, le nombre de lignes tracées. Changer le type, l’étiquette ou les séries redessine le graphique immédiatement.
  5. Exportez le graphique en SVG (vectoriel, modifiable) ou en PNG (1520 x 800, dessiné sur un canvas local), ou cliquez sur Clear pour vider les données, le graphique, les indicateurs et le délimiteur.

Ce que l’analyseur accepte, ce que montrent les axes et ce que contiennent les exports

Ce qui est lu dans le fichier

Le CSV est analysé avec des champs entre guillemets : un séparateur ou un saut de ligne entre « guillemets » reste dans la valeur, et les fins de ligne \r\n comme \r sont acceptées. La détection automatique compte les séparateurs candidats sur la première ligne ; si un fichier n’a qu’une colonne, ou si la première ligne n’en contient aucun, choisissez Virgule, Point-virgule ou Tabulation explicitement.

Le JSON est lu comme un tableau d’objets, ou comme un objet dont la propriété « data » est ce tableau ; toute autre forme est refusée avec le même message qu’un CSV cassé. La lecture s’arrête à 1 000 lignes et l’état indique alors « les 1 000 premières lignes sur N » au lieu de laisser croire que le fichier était aussi court. Un texte collé de plus de 10 Mo est refusé comme un fichier de cette taille.

Ce que montre le graphique

Une colonne est proposée comme série lorsque au moins trois quarts de ses cellules remplies sont numériques ; les cellules vides et le texte deviennent des trous, pas des zéros : la ligne se coupe en segments et la barre disparaît. La sélection par défaut privilégie les colonnes remplies sur au moins 75 % des lignes, pour qu’une colonne clairsemée n’arrive pas au graphique par accident.

Les graphiques cartésiens posent la base de l’axe à zéro quand les données sont positives ; des valeurs négatives descendent l’axe sous zéro, et un diagramme en barres les dessine vers le bas depuis la ligne de zéro au lieu de les écraser sur un pixel. Les graduations suivent un pas de 1 / 2 / 5 avec la précision qu’exigent les données (0,0002 … 0,0006 pour une échelle en millimètres, 500M / 1B / 1,5B pour une grande échelle), donc aucune étiquette n’est coupée par la marge.

Lignes, secteurs et exports

Un camembert utilise une seule série — la première sélectionnée — et l’état le signale lorsque plusieurs sont cochées. Les lignes au-delà du douzième secteur sont additionnées dans un secteur « Autres lignes », pour que les pourcentages décrivent encore tout le tableau et non la seule partie visible. Le nuage de points place les points selon la valeur quand la colonne X est numérique, et selon la position quand elle contient des étiquettes.

Un graphique qui ne correspond plus au champ est écarté : modifier les données, charger un autre fichier ou échouer à l’analyse vide le graphique et désactive les boutons d’export jusqu’à ce que vous cliquiez de nouveau sur Générer. Le SVG est un fichier autonome de 760 x 400 ; le PNG est dessiné au double de cette taille sur un canvas de cet onglet, donc aucun export n’a besoin d’un serveur.

Outils récents :