Catégories

Générateur de Graphique en Donut

Générer des graphiques en donut personnalisables à partir de données avec diverses options de style, parfait pour montrer les proportions avec un espace central

Données pour le graphique en donut. Supporte le tableau JSON ou le format texte simple étiquette:valeur

Titre qui sera affiché au-dessus du graphique

Texte à afficher au centre du donut (lors de l'affichage du total)

Taille du graphique carré en pixels

Rayon interne du donut en pixels (laissez vide pour auto)

Rayon externe du donut en pixels (laissez vide pour auto)

Angle de départ en degrés (0 = haut, 90 = droite)

Couleur de fond pour le conteneur du graphique

Afficher les pourcentages sur les tranches du graphique

Afficher une légende sous le graphique

Afficher les étiquettes ou pourcentages directement sur les tranches du donut

Afficher la valeur totale au centre du donut

Séparer les tranches les unes des autres pour l'emphase

Points clés

Catégorie
Data Visualization
Types d’entrée
textarea, text, select, number, color, checkbox
Type de sortie
html
Couverture des échantillons
4
API disponible
Yes

Vue d’ensemble

Le Générateur de Graphique en Donut permet de transformer rapidement vos données chiffrées en visualisations circulaires élégantes et professionnelles. Idéal pour mettre en avant des proportions et des parts de marché, cet outil offre une personnalisation complète du style, des couleurs et des étiquettes pour une présentation claire de vos statistiques.

Quand l’utiliser

  • Pour illustrer la répartition de parts de marché ou de budgets.
  • Pour comparer des catégories de données au sein d'un ensemble global.
  • Pour créer des tableaux de bord visuels nécessitant une lecture rapide des pourcentages.

Comment ça marche

  • Saisissez vos données au format JSON ou sous la forme simple 'étiquette:valeur'.
  • Ajustez les paramètres de style comme le schéma de couleurs, la taille et l'affichage des pourcentages.
  • Activez les options avancées comme l'affichage du total au centre ou l'explosion des tranches pour mettre en valeur des segments spécifiques.
  • Générez et visualisez instantanément votre graphique en donut personnalisé.

Cas d’usage

Visualisation de la répartition des dépenses mensuelles d'un foyer.
Présentation des résultats d'un sondage ou d'une enquête de satisfaction.
Analyse de la composition d'un portefeuille d'investissements.

Exemples

1. Répartition des dépenses mensuelles

Gestionnaire de budget
Contexte
Un utilisateur souhaite visualiser la répartition de ses dépenses mensuelles pour mieux identifier les postes de coûts.
Problème
Les données brutes sous forme de liste sont difficiles à interpréter rapidement.
Comment l’utiliser
Saisir les catégories et montants, puis activer l'affichage des pourcentages et le total au centre.
Configuration d’exemple
chartData: [{"label": "Loyer", "value": 800}, {"label": "Alimentation", "value": 300}, {"label": "Loisirs", "value": 200}], showTotalInCenter: true, showPercentage: true
Résultat
Un graphique en donut clair affichant le total des dépenses au centre et la part relative de chaque catégorie.

2. Parts de marché par produit

Analyste marketing
Contexte
L'analyste doit présenter les performances de vente de quatre produits différents lors d'une réunion.
Problème
Besoin d'un visuel percutant pour montrer la domination d'un produit spécifique.
Comment l’utiliser
Utiliser le schéma de couleurs 'Vibrant' et activer l'explosion des tranches pour isoler le produit phare.
Configuration d’exemple
chartData: Product A:40
Product B:30
Product C:20
Product D:10, colorScheme: vibrant, explodeSlices: true
Résultat
Un graphique dynamique où chaque tranche est séparée, facilitant la comparaison visuelle immédiate des performances.

Tester avec des échantillons

json, text

Hubs associés

FAQ

Quels formats de données sont acceptés ?

L'outil accepte soit un tableau JSON structuré, soit un format texte simple utilisant le modèle 'étiquette:valeur' par ligne.

Puis-je personnaliser les couleurs du graphique ?

Oui, vous pouvez choisir parmi plusieurs schémas de couleurs prédéfinis comme 'Chaud', 'Froid', 'Pastel' ou 'Affaires'.

Est-il possible d'afficher le total au centre ?

Absolument, il suffit de cocher l'option 'Afficher le Total au Centre' et de personnaliser le texte central si nécessaire.

Puis-je modifier la taille du graphique ?

Oui, vous pouvez définir la taille du graphique en pixels, avec une plage allant de 200 à 800 pixels.

Comment mettre en avant une tranche spécifique ?

Vous pouvez utiliser l'option 'Exploser les tranches' pour séparer visuellement les segments du graphique.

Documentation de l'API

Point de terminaison de la requête

POST /fr/api/tools/donut-chart-generator

Paramètres de la requête

Nom du paramètre Type Requis Description
chartData textarea Oui Données pour le graphique en donut. Supporte le tableau JSON ou le format texte simple étiquette:valeur
chartTitle text Non Titre qui sera affiché au-dessus du graphique
colorScheme select Non -
centerText text Non Texte à afficher au centre du donut (lors de l'affichage du total)
chartSize number Non Taille du graphique carré en pixels
innerRadius number Non Rayon interne du donut en pixels (laissez vide pour auto)
outerRadius number Non Rayon externe du donut en pixels (laissez vide pour auto)
startAngle number Non Angle de départ en degrés (0 = haut, 90 = droite)
backgroundColor color Non Couleur de fond pour le conteneur du graphique
showPercentage checkbox Non Afficher les pourcentages sur les tranches du graphique
showLegend checkbox Non Afficher une légende sous le graphique
showLabels checkbox Non Afficher les étiquettes ou pourcentages directement sur les tranches du donut
showTotalInCenter checkbox Non Afficher la valeur totale au centre du donut
explodeSlices checkbox Non Séparer les tranches les unes des autres pour l'emphase

Format de réponse

{
  "result": "
Processed HTML content
", "error": "Error message (optional)", "message": "Notification message (optional)", "metadata": { "key": "value" } }
HTML: HTML

Documentation de MCP

Ajoutez cet outil à votre configuration de serveur MCP:

{
  "mcpServers": {
    "elysiatools-donut-chart-generator": {
      "name": "donut-chart-generator",
      "description": "Générer des graphiques en donut personnalisables à partir de données avec diverses options de style, parfait pour montrer les proportions avec un espace central",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=donut-chart-generator",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Vous pouvez chaîner plusieurs outils, par ex.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, max 20 outils.

Si vous rencontrez des problèmes, veuillez nous contacter à [email protected]