Baumdiagramm-Generator

Interaktive Baumdiagramme aus hierarchischen Daten mit anpassbarem Stil generieren

html· HTML-ErgebnisWerkzeug öffnen

Schnellstart

Rufen Sie dieses Werkzeug aus Ihrem Code in drei Sprachen auf.

cURL

curl -X POST 'https://api.elysiatools.com/de/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":"Diagrammtitel eingeben...","nodeShape":"circle","nodeColor":"#3b82f6","nodeTextColor":"#ffffff","lineColor":"#6b7280","backgroundColor":"#ffffff","nodeSize":"40","fontSize":"12","lineWidth":"2","chartHeight":"600","showLabels":true,"showValues":true}'

API-Referenz

Senden Sie eine POST-Anfrage mit Ihren Eingaben als JSON. Dateiparameter erfordern einen vorherigen Upload.

Endpunkt

HTTP

POST https://api.elysiatools.com/de/api/tools/tree-diagram-generator

Parameter

Name	Typ	Erforderlich	Beschreibung
treeData	textarea	Ja	Hierarchische Daten für den Baum. Unterstützt JSON-Objekt oder Textformat Eltern:Kind:Wert
chartTitle	text	Nein	Titel, der über dem Diagramm angezeigt wird
nodeShape	select	Nein	—
nodeColor	color	Nein	Farbe für die Baumknoten
nodeTextColor	color	Nein	Farbe für den Knotentext
lineColor	color	Nein	Farbe für die Verbindungslinien
backgroundColor	color	Nein	Hintergrundfarbe für den Diagrammcontainer
nodeSize	number	Nein	Größe der Knoten in Pixeln
fontSize	number	Nein	Schriftgröße für Knotentext
lineWidth	number	Nein	Breite der Verbindungslinien
chartHeight	number	Nein	Höhe des Diagramms in Pixeln
showLabels	checkbox	Nein	Textbeschriftungen auf Knoten anzeigen
showValues	checkbox	Nein	Numerische Werte auf Knoten anzeigen

Antwortformat

HTML-Ergebnis

JSON

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

MCP-Integration

Fügen Sie dieses Werkzeug Ihrem Model-Context-Protocol-Server hinzu, damit KI-Agenten es auflisten und aufrufen können.

Serverkonfiguration

Fügen Sie diesen Block Ihrer MCP-Client-Konfiguration hinzu:

mcp.json

{
  "mcpServers": {
    "elysiatools-tree-diagram-generator": {
      "name": "tree-diagram-generator",
      "description": "Interaktive Baumdiagramme aus hierarchischen Daten mit anpassbarem Stil generieren",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=tree-diagram-generator",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Verfügbare Werkzeuge auflisten

Nach dem Verbinden mit dem SSE-Endpunkt listen Sie die bereitgestellten Werkzeuge auf:

tools/list

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

Dieses Werkzeug aufrufen

Rufen Sie das Werkzeug über seine ID auf; Argumente werden aus seiner Parameterliste gebildet:

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": "Diagrammtitel eingeben...",
  "nodeShape": "circle",
  "nodeColor": "#3b82f6",
  "nodeTextColor": "#ffffff",
  "lineColor": "#6b7280",
  "backgroundColor": "#ffffff",
  "nodeSize": "40",
  "fontSize": "12",
  "lineWidth": "2",
  "chartHeight": "600",
  "showLabels": true,
  "showValues": true
}
  }
}

Verketten Sie mehrere Werkzeuge in einer Sitzung mit einer kommagetrennten toolId-Liste, z. B. /mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp (max. 20).

Fragen oder Probleme? Kontakt: [email protected]