Softonic

Créateur de diagrammes circulaires

Étape 1 / 3

Données du diagramme

Transformez un petit jeu de données catégorielles en diagramme circulaire ou en anneau lisible, sans téléverser de feuille de calcul. Saisissez des lignes associant libellé et valeur ou collez des données CSV ou séparées par des tabulations, puis choisissez les couleurs, les libellés, la position de la légende et l’angle de départ. L’aperçu comprend un résumé textuel et un tableau de données accessible. Les exports sont générés localement au format PNG de 1200 × 800 pixels ou SVG vectoriel. Les diagrammes circulaires conviennent surtout à un petit nombre de parts non négatives formant un ensemble cohérent.

Comment créer un diagramme circulaire

  1. 1

    Saisissez les catégories

    Ajoutez des lignes avec un libellé et une valeur, ou collez deux colonnes de données CSV ou séparées par des tabulations.

  2. 2

    Choisissez la présentation

    Sélectionnez le format circulaire ou en anneau, une palette, les libellés des parts, la légende, le tri et l’angle de départ.

  3. 3

    Vérifiez le résultat accessible

    Contrôlez le diagramme, son équivalent textuel et les valeurs et pourcentages exacts du tableau.

  4. 4

    Exportez le diagramme

    Téléchargez un PNG de 1200 × 800 pixels ou un SVG vectoriel, ou copiez les données sources au format CSV.

Ce que représente un diagramme circulaire

Un diagramme circulaire associe chaque valeur positive à un angle dans un cercle de 360°. Si une catégorie a pour valeur v et que la somme des valeurs affichées est T, son angle au centre vaut 360 × v / T et son pourcentage affiché 100 × v / T. Un diagramme en anneau reprend exactement les mêmes proportions en évidant simplement le centre ; la comparaison ne change pas.

Catégorie Valeur Part Angle du secteur
Produits 45 45 % 162°
Services 30 30 % 108°
Assistance 25 25 % 90°

Dans cet exemple, le total est de 100. Produits occupe donc 45 / 100 × 360 = 162°. L’outil accepte les valeurs nulles, mais ne les dessine pas dans le cercle. Il refuse les valeurs négatives, manquantes ou non finies, car elles ne définissent pas des parts ordinaires d’un ensemble. Au moins une valeur doit être positive.

Quand choisir un autre graphique

Un diagramme circulaire est plus facile à lire avec quelques parts de tailles nettement différentes. Un diagramme en barres est généralement préférable lorsque les valeurs sont proches, que les catégories sont nombreuses, qu’une comparaison précise compte ou que les catégories ne constituent pas les parties d’un même total. Pour une évolution dans le temps, choisissez plutôt une courbe. Évitez les pourcentages qui se chevauchent ou comptent deux fois les mêmes éléments : un cercle soigné ne peut pas réparer un total incohérent.

Couleurs, libellés et accessibilité

La couleur ne doit pas être le seul vecteur de sens. Conservez la légende ou les libellés visibles, consultez le tableau associé et choisissez la palette adaptée au daltonisme si le diagramme doit être largement diffusé. Les parts très fines ne laissent pas toujours assez de place au texte ; leur libellé, leur valeur et leur pourcentage exacts restent disponibles dans la légende et le tableau. Le SVG convient à la retouche et à une impression nette. Le PNG est une image fixe de 1200 × 800 pixels adaptée aux présentations, documents et publications sur les réseaux sociaux.

Le diagramme est généré avec les API SVG et Canvas du navigateur. Aucune donnée n’est envoyée à un service de graphiques externe. La progression dans le parcours en plusieurs étapes est conservée temporairement dans le stockage de session de cet onglet ; recommencer ou fermer l’onglet suffit à l’effacer.

Pour aller plus loin, consultez les conseils de Datawrapper pour créer un diagramme circulaire limité à quelques parts, le tutoriel du W3C sur les tableaux de données accessibles et la documentation MDN expliquant comment décrire un graphique SVG avec <desc>.

Questions fréquentes

Oui. Copiez deux colonnes contenant les libellés et les valeurs, puis collez-les dans l’importateur. Les lignes séparées par des tabulations, les CSV séparés par des virgules et les lignes séparées par des points-virgules sont acceptés, y compris les libellés CSV entre guillemets. Avec une virgule décimale, le point-virgule est le séparateur le plus pratique.

Zéro ne produit aucune surface angulaire : cette valeur est acceptée, mais omise du cercle. Une valeur négative ne peut pas représenter une part ordinaire d’un tout et est donc refusée. Au moins une catégorie doit être supérieure à zéro.

Tous deux codent les proportions de la même manière. Préférez le cercle pour une lecture directe des parts d’un ensemble, et l’anneau si l’affichage du total au centre est utile. Pour comparer précisément les valeurs, utilisez plutôt un diagramme en barres.

Le SVG généré comporte un résumé textuel et chaque part possède une description. La page fournit aussi un tableau classique contenant chaque libellé, valeur et pourcentage affiché. Si vous publiez le diagramme ailleurs, conservez ce tableau ou un équivalent textuel.

Non. Les lignes, le titre et les réglages graphiques restent dans votre navigateur. Pendant le parcours en plusieurs étapes, ils sont conservés uniquement dans le stockage de session de cet onglet ; les fichiers PNG et SVG sont générés localement et aucune donnée n’est placée dans l’URL.

Outils similaires

Compresser GIF

Réduisez la taille d'un GIF animé dans le navigateur en diminuant les dimensions, en conservant moins d'images et en ajustant la qualité d'encodage. Prévisualisez la boucle avant le téléchargement.

Éditeur de photos

Éditeur de photos dans le navigateur avec recadrage, rotation, luminosité, contraste, saturation, filtres, texte superposé et export en JPG, PNG ou WebP.

SVG en PNG

Convertissez des fichiers SVG ou du balisage SVG en PNG dans votre navigateur, choisissez un facteur d’échelle et gardez des bords transparents nets.

Générateur de codes-barres

Créez des codes-barres 1D scannables en Code 128, Code 39, EAN-13, UPC-A, ITF-14 et Codabar. Exportez au format PNG, SVG ou PDF pour l'impression.

Générateur de mèmes

Créez des mèmes avec des modèles comme Drake, Distracted Boyfriend ou Doge, ou importez votre propre image. Texte haut/bas, police Impact, contour et ombre.

WebP en PNG

Convertissez des images WebP en PNG en conservant la transparence et une qualité au pixel près pour l’édition, l’impression et les anciens outils de design.