Elysia Tools Docs
DE
Sprache
ZHESPTRUFRDEEN
Zurück zur Website
Werkzeuge durchsuchen

Data Visualization

Eiszapfen-Diagramm Generator

Interaktive Eiszapfen-Diagramme für hierarchische Datenvisualisierung generieren, perfekt für die Anzeige von Baumstrukturen, Dateisystemen und organisatorischen Hierarchien

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/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":"Diagrammtitel eingeben...","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. Entwicklerdokumentation.

Zurück zur WebsiteWerkzeuge durchsuchen

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/icicle-chart-generator

Parameter

NameTypErforderlichBeschreibung
chartDatatextareaJaHierarchische Daten im JSON-Format mit Namen, Werten und optionalen Kinder-Arrays
chartTitletextNeinTitel, der über dem Diagramm angezeigt wird
colorSchemeselectNein—
customColorstextareaNeinJSON-Array von Hex-Farben (erfordert Auswahl benutzerdefinierter Farben)
valueFormatselectNein—
chartWidthnumberNeinBreite des Diagramms in Pixeln (min: 400, max: 1200)
chartHeightnumberNeinHöhe des Diagramms in Pixeln (min: 300, max: 800)
startLevelnumberNeinAnzuzeigende Startebene (0 = Root-Ebene)
maxDepthnumberNeinMaximale Anzahl der anzuzeigenden Ebenen
labelSizenumberNeinSchriftgröße für Beschriftungen in Pixeln (min: 8, max: 16)
paddingSizenumberNeinAbstand zwischen Rechtecken in Pixeln (min: 0, max: 10)
borderRadiusnumberNeinEckenradius für Rechtecke in Pixeln (min: 0, max: 8)
strokeWidthnumberNeinRahmenbreite für Rechtecke in Pixeln (min: 0, max: 3)
backgroundColorcolorNeinHintergrundfarbe für den Diagrammcontainer
strokeColorcolorNeinRahmenfarbe für Rechtecke
showLabelscheckboxNeinKategorienamen innerhalb von Rechtecken anzeigen
showValuescheckboxNeinWerte innerhalb von Rechtecken anzeigen
showPercentagescheckboxNeinProzentsätze anstelle von absoluten Werten anzeigen
enableTooltipcheckboxNeinDetaillierte Informationen beim Hover anzeigen
chartOrientationselectNein—
hoverAnimationcheckboxNeinRechtecke beim Hover animieren

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-icicle-chart-generator": {
      "name": "icicle-chart-generator",
      "description": "Interaktive Eiszapfen-Diagramme für hierarchische Datenvisualisierung generieren, perfekt für die Anzeige von Baumstrukturen, Dateisystemen und organisatorischen Hierarchien",
      "baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=icicle-chart-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": "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": "Diagrammtitel eingeben...",
  "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
}
  }
}
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]

Werkzeuge durchsuchen
Werkzeug öffnen