Catégories

← View All Tools

Générateur de Graphique en Stalactites

Générer des graphiques en stalactites interactifs pour la visualisation de données hiérarchiques, parfait pour afficher des structures arborescentes, des systèmes de fichiers et des hiérarchies organisationnelles

Données hiérarchiques au format JSON avec nom, valeur et tableaux enfants optionnels

Titre qui sera affiché au-dessus du graphique

Tableau JSON de couleurs hex (nécessite sélection de couleurs personnalisées)

Largeur du graphique en pixels (min: 400, max: 1200)

Hauteur du graphique en pixels (min: 300, max: 800)

Niveau de départ à afficher (0 = niveau racine)

Nombre maximum de niveaux à afficher

Taille de police pour les étiquettes en pixels (min: 8, max: 16)

Espacement entre les rectangles en pixels (min: 0, max: 10)

Rayon d'angle pour les rectangles en pixels (min: 0, max: 8)

Largeur de bordure pour les rectangles en pixels (min: 0, max: 3)

Couleur de fond pour le conteneur du graphique

Couleur de bordure pour les rectangles

Afficher les noms de catégorie à l'intérieur des rectangles

Afficher les valeurs à l'intérieur des rectangles

Afficher les pourcentages au lieu des valeurs absolues

Afficher des informations détaillées au survol

Animer les rectangles au survol

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 Stalactites permet de transformer des données hiérarchiques complexes en visualisations interactives et intuitives. Idéal pour explorer des structures arborescentes, cet outil facilite la compréhension des relations imbriquées au sein de vos systèmes de fichiers, organigrammes ou catégories de produits.

Quand l’utiliser

  • •Pour visualiser la répartition de la taille des dossiers dans un système de fichiers.
  • •Pour représenter graphiquement une structure organisationnelle ou une hiérarchie d'entreprise.
  • •Pour analyser des données catégorielles imbriquées nécessitant une vue d'ensemble claire des proportions.

Comment ça marche

  • •Saisissez vos données hiérarchiques au format JSON, en définissant les noms, les valeurs et les sous-niveaux (children).
  • •Personnalisez l'apparence du graphique en ajustant les couleurs, les dimensions, le format des valeurs et les options d'affichage.
  • •Générez instantanément votre graphique interactif, avec des fonctionnalités de survol et d'animation pour une exploration fluide des données.

Cas d’usage

Analyse de l'espace disque par répertoire et sous-répertoire.
Visualisation de la structure hiérarchique d'une base de code ou d'un projet.
Représentation des budgets départementaux au sein d'une organisation.

Exemples

1. Visualisation de l'arborescence d'un projet

Développeur logiciel
Contexte
Un développeur doit présenter la structure de modules d'un projet complexe à son équipe.
Problème
La structure textuelle est difficile à appréhender pour identifier les modules les plus volumineux.
Comment l’utiliser
Convertir la structure des dossiers en JSON et utiliser le générateur avec le schéma de couleurs 'Vibrant'.
Configuration d’exemple
{"chartTitle": "Structure des Modules", "colorScheme": "vibrant", "showValues": true}
Résultat
Un graphique interactif clair permettant de voir instantanément quels modules occupent le plus de place dans le projet.

2. Organigramme d'entreprise

Responsable RH
Contexte
Le département RH souhaite afficher la hiérarchie des effectifs par département.
Problème
Les organigrammes classiques sont souvent trop larges et illisibles sur une page standard.
Comment l’utiliser
Saisir les données des départements et sous-départements, puis ajuster la profondeur maximale pour se concentrer sur les deux premiers niveaux.
Configuration d’exemple
{"maxDepth": 2, "chartOrientation": "vertical", "valueFormat": "number"}
Résultat
Une vue compacte et structurée de l'organisation, facilement intégrable dans un rapport interne.

Tester avec des échantillons

json
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
preferred input family json
json
Exemples d'Analyse de Logs ELK Stack
Exemples complets ELK Stack pour agrégation, traitement et visualisation de logs dans les systèmes distribués
preferred input family json
json
Exemples D3.js Data Visualization
Exemples complets de visualisation de données D3.js incluant graphiques, cartes, animations et visualisations interactives
preferred input family json
json
Exemples PDF
Exemples PDF generes par les outils du 2026-02-01 au 2026-02-10
preferred input family json
json

Hubs associés

Outils Json pour Generate
Découvrez 33 outils json pour des workflows de generate et comparez rapidement des utilitaires proches.
Outils Json pour Convert
Découvrez 100 outils json pour des workflows de convert et comparez rapidement des utilitaires proches.
Outils Json
Découvrez 43 outils json pour des workflows de utility et comparez rapidement des utilitaires proches.
Outils Json pour Format
Découvrez 6 outils json pour des workflows de format et comparez rapidement des utilitaires proches.

FAQ

Quel format de données est requis ?

L'outil nécessite un objet JSON structuré avec des champs 'name' et 'value', et un tableau optionnel 'children' pour les niveaux imbriqués.

Puis-je personnaliser les couleurs ?

Oui, vous pouvez choisir parmi des palettes prédéfinies comme 'Océan' ou 'Forêt', ou définir vos propres codes couleurs hexadécimaux.

Le graphique est-il interactif ?

Absolument, le graphique inclut des info-bulles au survol et des animations pour faciliter la navigation dans les différentes profondeurs de données.

Quelle est la profondeur maximale affichable ?

Vous pouvez configurer la profondeur maximale d'affichage jusqu'à 10 niveaux pour garder une lisibilité optimale.

Puis-je changer l'orientation du graphique ?

Oui, vous pouvez basculer entre une orientation horizontale (de haut en bas) et verticale (de gauche à droite).

Documentation de l'API

Point de terminaison de la requête

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

Paramètres de la requête

Nom du paramètre Type Requis Description
chartData textarea Oui Données hiérarchiques au format JSON avec nom, valeur et tableaux enfants optionnels
chartTitle text Non Titre qui sera affiché au-dessus du graphique
colorScheme select Non -
customColors textarea Non Tableau JSON de couleurs hex (nécessite sélection de couleurs personnalisées)
valueFormat select Non -
chartWidth number Non Largeur du graphique en pixels (min: 400, max: 1200)
chartHeight number Non Hauteur du graphique en pixels (min: 300, max: 800)
startLevel number Non Niveau de départ à afficher (0 = niveau racine)
maxDepth number Non Nombre maximum de niveaux à afficher
labelSize number Non Taille de police pour les étiquettes en pixels (min: 8, max: 16)
paddingSize number Non Espacement entre les rectangles en pixels (min: 0, max: 10)
borderRadius number Non Rayon d'angle pour les rectangles en pixels (min: 0, max: 8)
strokeWidth number Non Largeur de bordure pour les rectangles en pixels (min: 0, max: 3)
backgroundColor color Non Couleur de fond pour le conteneur du graphique
strokeColor color Non Couleur de bordure pour les rectangles
showLabels checkbox Non Afficher les noms de catégorie à l'intérieur des rectangles
showValues checkbox Non Afficher les valeurs à l'intérieur des rectangles
showPercentages checkbox Non Afficher les pourcentages au lieu des valeurs absolues
enableTooltip checkbox Non Afficher des informations détaillées au survol
chartOrientation select Non -
hoverAnimation checkbox Non Animer les rectangles au survol

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-icicle-chart-generator": {
      "name": "icicle-chart-generator",
      "description": "Générer des graphiques en stalactites interactifs pour la visualisation de données hiérarchiques, parfait pour afficher des structures arborescentes, des systèmes de fichiers et des hiérarchies organisationnelles",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=icicle-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]