Elysia Tools Docs
FR
Langue
ZHESPTRUFRDEEN
Retour au site
Parcourir les outils

Data Visualization

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

html· Résultat HTMLOuvrir l'outil

Démarrage rapide

Appelez cet outil depuis votre code en trois langages.

cURL
curl -X POST 'https://api.elysiatools.com/fr/api/tools/icicle-chart-generator' \
  -H 'Content-Type: application/json' \
  -d '{"chartData":"JSON format:\n{\n  "name": "Root",\n  "value": 100,\n  "children": [\n    {\n      "name": "Branch A",\n      "value": 60,\n      "children": [\n        {"name": "Leaf A1", "value": 30},\n        {"name": "Leaf A2", "value": 30}\n      ]\n    }\n  ]\n}","chartTitle":"Entrez le titre du graphique...","colorScheme":"ocean","customColors":"[\"#FF6B6B\", \"#4ECDC4\", \"#45B7D1\", \"#96CEB4\"]","valueFormat":"number","chartWidth":"600","chartHeight":"500","startLevel":"0","maxDepth":"3","labelSize":"12","paddingSize":"2","borderRadius":"4","strokeWidth":"1","backgroundColor":"#ffffff","strokeColor":"#ffffff","showLabels":true,"showValues":true,"showPercentages":false,"enableTooltip":true,"chartOrientation":"horizontal","hoverAnimation":true}'

© 2026 Elysia Tools. Documentation développeur.

Retour au siteParcourir les outils

Référence de l'API

Envoyez une requête POST avec vos entrées en JSON. Les paramètres de type fichier nécessitent un upload préalable.

Point d'accès

HTTP
POST https://api.elysiatools.com/fr/api/tools/icicle-chart-generator

Paramètres

NomTypeRequisDescription
chartDatatextareaOuiDonnées hiérarchiques au format JSON avec nom, valeur et tableaux enfants optionnels
chartTitletextNonTitre qui sera affiché au-dessus du graphique
colorSchemeselectNon—
customColorstextareaNonTableau JSON de couleurs hex (nécessite sélection de couleurs personnalisées)
valueFormatselectNon—
chartWidthnumberNonLargeur du graphique en pixels (min: 400, max: 1200)
chartHeightnumberNonHauteur du graphique en pixels (min: 300, max: 800)
startLevelnumberNonNiveau de départ à afficher (0 = niveau racine)
maxDepthnumberNonNombre maximum de niveaux à afficher
labelSizenumberNonTaille de police pour les étiquettes en pixels (min: 8, max: 16)
paddingSizenumberNonEspacement entre les rectangles en pixels (min: 0, max: 10)
borderRadiusnumberNonRayon d'angle pour les rectangles en pixels (min: 0, max: 8)
strokeWidthnumberNonLargeur de bordure pour les rectangles en pixels (min: 0, max: 3)
backgroundColorcolorNonCouleur de fond pour le conteneur du graphique
strokeColorcolorNonCouleur de bordure pour les rectangles
showLabelscheckboxNonAfficher les noms de catégorie à l'intérieur des rectangles
showValuescheckboxNonAfficher les valeurs à l'intérieur des rectangles
showPercentagescheckboxNonAfficher les pourcentages au lieu des valeurs absolues
enableTooltipcheckboxNonAfficher des informations détaillées au survol
chartOrientationselectNon—
hoverAnimationcheckboxNonAnimer les rectangles au survol

Format de réponse

Résultat HTML

JSON
{
  "result": "<div>Processed HTML content</div>",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}

Intégration MCP

Ajoutez cet outil à votre serveur Model Context Protocol pour que les agents IA puissent le lister et l'appeler.

Configuration du serveur

Ajoutez ce bloc à la configuration de votre client MCP :

mcp.json
{
  "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://api.elysiatools.com/mcp/sse?toolId=icicle-chart-generator",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Lister les outils disponibles

Après connexion au point d'accès SSE, listez les outils exposés :

tools/list
{
  "jsonrpc": "2.0",
  "id": 1,
  "method": "tools/list"
}

Appeler cet outil

Appelez l'outil par son id ; les arguments sont construits à partir de ses paramètres :

tools/call
{
  "jsonrpc": "2.0",
  "id": 2,
  "method": "tools/call",
  "params": {
    "name": "icicle-chart-generator",
    "arguments": {
  "chartData": "JSON format:\n{\n  &quot;name&quot;: &quot;Root&quot;,\n  &quot;value&quot;: 100,\n  &quot;children&quot;: [\n    {\n      &quot;name&quot;: &quot;Branch A&quot;,\n      &quot;value&quot;: 60,\n      &quot;children&quot;: [\n        {&quot;name&quot;: &quot;Leaf A1&quot;, &quot;value&quot;: 30},\n        {&quot;name&quot;: &quot;Leaf A2&quot;, &quot;value&quot;: 30}\n      ]\n    }\n  ]\n}",
  "chartTitle": "Entrez le titre du graphique...",
  "colorScheme": "ocean",
  "customColors": "[\"#FF6B6B\", \"#4ECDC4\", \"#45B7D1\", \"#96CEB4\"]",
  "valueFormat": "number",
  "chartWidth": "600",
  "chartHeight": "500",
  "startLevel": "0",
  "maxDepth": "3",
  "labelSize": "12",
  "paddingSize": "2",
  "borderRadius": "4",
  "strokeWidth": "1",
  "backgroundColor": "#ffffff",
  "strokeColor": "#ffffff",
  "showLabels": true,
  "showValues": true,
  "showPercentages": false,
  "enableTooltip": true,
  "chartOrientation": "horizontal",
  "hoverAnimation": true
}
  }
}
Chaînez plusieurs outils dans une session avec une liste toolId séparée par des virgules, ex. /mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp (20 max).

Des questions ou un problème ? Contactez [email protected]

Parcourir les outils
Ouvrir l'outil