Elysia Tools

Parcourez outils, exemples, explications visuelles et guides thématiques dans un espace clair.

Catégories populaires

Dossiers

Langue
ZHESPTRUFRDEEN

Elysia Tools

Navigation mobile

Data Visualization

Générateur de Graphique Sunburst

· Dernière mise à jour：2024-01-20

Générer des graphiques sunburst hiérarchiques avec coordonnées polaires et disposition radiale

Exécution

Exécuter cet outil

Remplissez le formulaire, lancez l’outil et consultez le résultat au même endroit.

Exemples

Exemples adaptés à cet outil

Associé

Continuer avec des outils et dossiers associés

Rédigé par l'équipe Elysia Tools
Visualisation69
Visualisation de données57
Graphiques53

Guide d'utilisation de l'outil

Découvrez quand utiliser cet outil, ce qu'il prend en charge et comment les utilisateurs l'appliquent.

Points clés

Catégorie
Data Visualization
Types d’entrée
textarea, text, select, range, checkbox
Type de sortie
html
Exemples associés
4
API disponible
Oui

Aperçu

Le Générateur de Graphique Sunburst permet de transformer vos données hiérarchiques complexes en visualisations circulaires intuitives, idéales pour explorer les relations de parenté et les proportions au sein de structures imbriquées.

Quand l’utiliser

  • Pour visualiser la répartition des budgets ou des ressources par département et sous-catégories.
  • Pour analyser la structure d'un site web ou d'une base de données hiérarchique.
  • Pour présenter des données catégorielles multi-niveaux lors de rapports de performance ou d'études de marché.

Fonctionnement

  1. 1Saisissez vos données au format JSON en définissant les nœuds parents et leurs enfants.
  2. 2Personnalisez l'apparence du graphique en ajustant le schéma de couleurs, la profondeur maximale et le rayon interne.
  3. 3Configurez les options d'affichage pour inclure ou masquer les étiquettes, les valeurs et les pourcentages.
  4. 4Générez instantanément votre graphique radial prêt à être intégré dans vos présentations ou documents.

Cas d’usage

  • Analyse de la répartition des dépenses d'une entreprise par centre de coût.
  • Cartographie de la structure de navigation d'une application ou d'un site web.
  • Visualisation de la composition d'un portefeuille d'actifs financiers par secteur et industrie.

Exemples

1. Répartition budgétaire annuelle

Analyste financier

Contexte

L'analyste doit présenter la répartition des dépenses annuelles divisées par départements, puis par types de frais.

Problème

Les tableaux classiques ne permettent pas de visualiser rapidement la hiérarchie des coûts.

Utilisation

Saisir les données JSON des départements et sous-catégories, choisir le schéma 'Affaires' et activer l'affichage des pourcentages.

colorScheme: 'business', showPercentages: true, maxDepth: 3

Résultat

Un graphique sunburst clair montrant la part relative de chaque département dans le budget global.

2. Architecture de site web

Responsable SEO

Contexte

Le responsable souhaite auditer la profondeur des pages de son site pour optimiser le maillage interne.

Problème

Il est difficile de voir quels répertoires sont trop profonds ou surchargés.

Utilisation

Importer la structure du site en JSON, régler la profondeur maximale sur 5 et ajuster le rayon interne pour une meilleure lisibilité.

FAQ

Quel format de données est requis ?

L'outil nécessite des données au format JSON structuré avec des objets 'name', 'value' et 'children' pour représenter la hiérarchie.

Puis-je modifier les couleurs du graphique ?

Oui, vous pouvez choisir parmi plusieurs schémas prédéfinis tels que 'Vibrant', 'Pastel', 'Affaires' ou 'Couleurs Chaudes/Froides'.

Quelle est la profondeur maximale supportée ?

Vous pouvez définir une profondeur allant de 2 à 10 niveaux hiérarchiques pour adapter la lisibilité du graphique.

Est-il possible d'afficher les pourcentages ?

Absolument, l'option 'Afficher les pourcentages' permet d'indiquer automatiquement la part de chaque segment par rapport au total.

Le graphique est-il exportable ?

L'outil génère un graphique au format HTML que vous pouvez visualiser directement ou intégrer dans vos pages web.

Dossier

Générateurs de graphiques et de diagrammes

Choisissez une visualisation pour rendre comparaisons, distributions, hiérarchies, relations et échéances lisibles.

Accueil
Outils3201
Exemples593
Visualisations465
Visionneuses de fichiers103
Dossiers233
Étiquettes333
Images, audio et vidéo657

Outils de traitement, conversion et optimisation d’images, d’audio et de vidéo

Maths, dates et finance644

Calculateurs, outils numériques, logique de dates, statistiques et finance

Design et couleur297

Outils de couleur, mise en page, graphisme, style visuel et assistance design

Texte et rédaction209

Outils de rédaction, nettoyage, formatage, extraction et analyse de texte

Développement et Web193

Utilitaires développeur, réseau, débogage Web et assistants d’automatisation

Conversion et encodage175

Outils de conversion de formats, fichiers, archives, unités et encodages

Examen des sources FLAC/WAV et transmission des preuves
Revue et livraison d’un module de jeu promotionnel auto-hébergé
Relecture d'un lot de codes Stripe et contrôle préalable à l'importation
Tri technique des photos et transmission des candidates à la retouche
Structurer une capture d'interface, la relire et la transmettre au développement

© 2026 Elysia Tools. Tous droits réservés.

DocumentationTarifsÀ proposConditions d'utilisationPolitique de confidentialitéCookiesContact
Supervision

Exemples Avancés d'Application Grafana

Exemples complets de Grafana couvrant le design avancé de tableaux de bord, la configuration d'alertes, l'intégration de sources de données et le développement de plugins

Médias

Exemples de Codes QR

Images de codes QR d'exemple pour tester les outils de lecture et de génération de codes QR

Visualisation de données

Exemples D3.js Data Visualization

Exemples complets de visualisation de données D3.js incluant graphiques, cartes, animations et visualisations interactives

Outils de développement

Exemples Toolchain JavaScript Rome

Exemples de toolchain JavaScript Rome incluant configuration, linting, formatting, bundling et gestion de projets

Data Visualization

Bar Chart Generator

Generate customizable bar charts from data with various styling options

Data Visualization

Générateur de Graphique à Bulles

Générer des graphiques à bulles personnalisables à partir de données avec trois dimensions (x, y, taille)

Data Visualization

Générateur de Graphique en Barres de Comparaison

Générer des graphiques en barres dos à dos pour la comparaison de valeurs positives et négatives, parfait pour contraster des ensembles de données

Data Visualization

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

innerRadiusPercent: 20, maxDepth: 5, showLabels: true

Résultat

Une vue radiale permettant d'identifier instantanément les sections du site nécessitant une restructuration.