Catégories

Générateur de Graphique Circulaire Multiniveau

Créer des graphiques circulaires multiniveaux concentriques avec relations hiérarchiques et fonctionnalité de drill-down interactive

Données hiérarchiques comme objet JSON imbriqué avec valeurs numériques aux nœuds feuilles

Titre qui sera affiché au-dessus du graphique

Rayon du cercle le plus interne en pixels

Rayon du cercle le plus externe en pixels

Angle de départ en degrés (0-360)

Angle de fin en degrés (0-360)

Nombre maximum de niveaux à afficher

Texte à afficher au centre du graphique

Largeur des bordures entre segments en pixels

Afficher les étiquettes de segments

Afficher les valeurs de segments

Afficher les valeurs en pourcentage

Activer la fonctionnalité de drill-down interactive

Taille de police pour les étiquettes et valeurs

Taille de police pour le titre du graphique

Famille de police pour les éléments de texte

Largeur du graphique en pixels

Hauteur du graphique en pixels

Couleur de fond du graphique

Animer le graphique au chargement

Durée de l'animation en millisecondes

Points clés

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

Vue d’ensemble

Le générateur de graphique circulaire multiniveau permet de transformer des données hiérarchiques complexes en visualisations concentriques claires et interactives, idéales pour explorer des structures imbriquées.

Quand l’utiliser

  • Pour visualiser des budgets ou des dépenses répartis par départements et sous-catégories.
  • Pour illustrer la structure organisationnelle d'une entreprise ou d'un projet.
  • Pour analyser la part de marché d'une gamme de produits déclinée en plusieurs segments.

Comment ça marche

  • Saisissez vos données sous forme d'objet JSON imbriqué représentant votre hiérarchie.
  • Personnalisez l'apparence du graphique en ajustant les rayons, les couleurs et les polices.
  • Activez l'option de drill-down pour permettre une exploration interactive des niveaux de données.
  • Générez et exportez votre graphique final au format HTML pour l'intégrer à vos rapports.

Cas d’usage

Analyse de la répartition des coûts opérationnels par service.
Visualisation de l'arborescence de fichiers ou de dossiers volumineux.
Présentation interactive des parts de revenus par région et par produit.

Exemples

1. Répartition budgétaire annuelle

Contrôleur de gestion
Contexte
Le contrôleur doit présenter la répartition des dépenses annuelles divisées par département, puis par type de frais.
Problème
Les tableaux Excel classiques ne permettent pas de visualiser facilement la hiérarchie des coûts.
Comment l’utiliser
Saisir les données budgétaires en JSON, activer le drill-down et choisir le schéma de couleurs 'Vibrant'.
Configuration d’exemple
{"Technology": {"Software": 150, "Hardware": 80}, "Marketing": {"Digital": 120, "Traditional": 80}}
Résultat
Un graphique circulaire interactif permettant de cliquer sur 'Technology' pour voir le détail entre 'Software' et 'Hardware'.

Tester avec des échantillons

json, text

Hubs associés

FAQ

Quel format de données est requis ?

L'outil nécessite un objet JSON imbriqué où chaque nœud parent contient des sous-catégories ou des valeurs numériques aux feuilles.

Qu'est-ce que la fonctionnalité de drill-down ?

Elle permet à l'utilisateur de cliquer sur un segment du graphique pour zoomer et afficher les détails du niveau inférieur.

Puis-je personnaliser les couleurs ?

Oui, vous pouvez choisir parmi plusieurs schémas de couleurs prédéfinis comme 'Pastel', 'Vibrant' ou des teintes spécifiques.

Quelle est la profondeur maximale supportée ?

Vous pouvez configurer l'affichage jusqu'à 5 niveaux de profondeur pour maintenir la lisibilité du graphique.

Le graphique est-il animé ?

Oui, une animation fluide est activée par défaut lors du chargement pour une meilleure expérience visuelle.

Documentation de l'API

Point de terminaison de la requête

POST /fr/api/tools/multi-level-pie-chart-generator

Paramètres de la requête

Nom du paramètre Type Requis Description
chartTitle text Non Titre qui sera affiché au-dessus du graphique
hierarchicalData textarea Oui Données hiérarchiques comme objet JSON imbriqué avec valeurs numériques aux nœuds feuilles
innerRadius number Non Rayon du cercle le plus interne en pixels
outerRadius number Non Rayon du cercle le plus externe en pixels
colorScheme select Non -
startAngle number Non Angle de départ en degrés (0-360)
endAngle number Non Angle de fin en degrés (0-360)
maxDepth number Non Nombre maximum de niveaux à afficher
centerLabel text Non Texte à afficher au centre du graphique
strokeWidth number Non Largeur des bordures entre segments en pixels
showLabels checkbox Non Afficher les étiquettes de segments
showValues checkbox Non Afficher les valeurs de segments
showPercentages checkbox Non Afficher les valeurs en pourcentage
enableDrillDown checkbox Non Activer la fonctionnalité de drill-down interactive
fontSize number Non Taille de police pour les étiquettes et valeurs
titleSize number Non Taille de police pour le titre du graphique
fontFamily text Non Famille de police pour les éléments de texte
chartWidth number Non Largeur du graphique en pixels
chartHeight number Non Hauteur du graphique en pixels
backgroundColor color Non Couleur de fond du graphique
animationEnabled checkbox Non Animer le graphique au chargement
animationDuration number Non Durée de l'animation en millisecondes

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-multi-level-pie-chart-generator": {
      "name": "multi-level-pie-chart-generator",
      "description": "Créer des graphiques circulaires multiniveaux concentriques avec relations hiérarchiques et fonctionnalité de drill-down interactive",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=multi-level-pie-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]