Data Visualization
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
Appelez cet outil depuis votre code en trois langages.
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}'Envoyez une requête POST avec vos entrées en JSON. Les paramètres de type fichier nécessitent un upload préalable.
POST https://api.elysiatools.com/fr/api/tools/icicle-chart-generator| Nom | 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 |
Résultat HTML
{
"result": "<div>Processed HTML content</div>",
"error": "Error message (optional)",
"message": "Notification message (optional)",
"metadata": {
"key": "value"
}
}Ajoutez cet outil à votre serveur Model Context Protocol pour que les agents IA puissent le lister et l'appeler.
Ajoutez ce bloc à la configuration de votre client 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://api.elysiatools.com/mcp/sse?toolId=icicle-chart-generator",
"command": "",
"args": [],
"env": {},
"isActive": true,
"type": "sse"
}
}
}Après connexion au point d'accès SSE, listez les outils exposés :
{
"jsonrpc": "2.0",
"id": 1,
"method": "tools/list"
}Appelez l'outil par son id ; les arguments sont construits à partir de ses paramètres :
{
"jsonrpc": "2.0",
"id": 2,
"method": "tools/call",
"params": {
"name": "icicle-chart-generator",
"arguments": {
"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
}
}
}Des questions ou un problème ? Contactez [email protected]