Générateur de Diagramme en Arbre

Générer des diagrammes en arbre interactifs à partir de données hiérarchiques avec un style personnalisable

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/tree-diagram-generator' \
  -H 'Content-Type: application/json' \
  -d '{"treeData":"JSON: [{&quot;name&quot;: &quot;Root&quot;, &quot;value&quot;: 100,\n  &quot;children&quot;: [\n    {&quot;name&quot;: &quot;Branch 1&quot;, &quot;value&quot;: 50},\n    {&quot;name&quot;: &quot;Branch 2&quot;, &quot;value&quot;: 30}\n  ]\n}]\n\nor text:\nRoot:100\nRoot:Branch 1:50\nRoot:Branch 2:30","chartTitle":"Entrez le titre du graphique...","nodeShape":"circle","nodeColor":"#3b82f6","nodeTextColor":"#ffffff","lineColor":"#6b7280","backgroundColor":"#ffffff","nodeSize":"40","fontSize":"12","lineWidth":"2","chartHeight":"600","showLabels":true,"showValues":true}'

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/tree-diagram-generator

Paramètres

Nom	Type	Requis	Description
treeData	textarea	Oui	Données hiérarchiques pour l'arbre. Supporte l'objet JSON ou le format texte parent:enfant:valeur
chartTitle	text	Non	Titre qui sera affiché au-dessus du graphique
nodeShape	select	Non	—
nodeColor	color	Non	Couleur pour les nœuds de l'arbre
nodeTextColor	color	Non	Couleur pour le texte du nœud
lineColor	color	Non	Couleur pour les lignes de connexion
backgroundColor	color	Non	Couleur de fond pour le conteneur du graphique
nodeSize	number	Non	Taille des nœuds en pixels
fontSize	number	Non	Taille de police pour le texte du nœud
lineWidth	number	Non	Largeur des lignes de connexion
chartHeight	number	Non	Hauteur du graphique en pixels
showLabels	checkbox	Non	Afficher les étiquettes de texte sur les nœuds
showValues	checkbox	Non	Afficher les valeurs numériques sur les nœuds

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-tree-diagram-generator": {
      "name": "tree-diagram-generator",
      "description": "Générer des diagrammes en arbre interactifs à partir de données hiérarchiques avec un style personnalisable",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=tree-diagram-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": "tree-diagram-generator",
    "arguments": {
  "treeData": "JSON: [{&quot;name&quot;: &quot;Root&quot;, &quot;value&quot;: 100,\n  &quot;children&quot;: [\n    {&quot;name&quot;: &quot;Branch 1&quot;, &quot;value&quot;: 50},\n    {&quot;name&quot;: &quot;Branch 2&quot;, &quot;value&quot;: 30}\n  ]\n}]\n\nor text:\nRoot:100\nRoot:Branch 1:50\nRoot:Branch 2:30",
  "chartTitle": "Entrez le titre du graphique...",
  "nodeShape": "circle",
  "nodeColor": "#3b82f6",
  "nodeTextColor": "#ffffff",
  "lineColor": "#6b7280",
  "backgroundColor": "#ffffff",
  "nodeSize": "40",
  "fontSize": "12",
  "lineWidth": "2",
  "chartHeight": "600",
  "showLabels": true,
  "showValues": 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]