Data Visualization
Interaktive Polardiagramme generieren zur Visualisierung von Daten im Kreisformat, perfekt zum Vergleich von Kategorien mit zyklischen Mustern oder radialen Verteilungen
Rufen Sie dieses Werkzeug aus Ihrem Code in drei Sprachen auf.
curl -X POST 'https://api.elysiatools.com/de/api/tools/polar-area-chart' \
-H 'Content-Type: application/json' \
-d '{"chartData":"JSON format:\n[{"label": "Category A", "value": 25},\n{"label": "Category B", "value": 40},\n{"label": "Category C", "value": 30},\n{"label": "Category D", "value": 35}]","chartTitle":"Diagrammtitel eingeben...","colorScheme":"default","customColors":"["#FF6B6B", "#4ECDC4", "#45B7D1", "#FFA07A"]","valueFormat":"number","chartSize":"400","startAngle":"0","innerRadius":"0","backgroundColor":"#ffffff","showValues":true,"showLabels":true,"showGrid":true,"showAnimation":true,"showPercentage":false,"enableTooltip":true}'Senden Sie eine POST-Anfrage mit Ihren Eingaben als JSON. Dateiparameter erfordern einen vorherigen Upload.
POST https://api.elysiatools.com/de/api/tools/polar-area-chart| Name | Typ | Erforderlich | Beschreibung |
|---|---|---|---|
| chartData | textarea | Ja | Daten für das Polardiagramm im JSON-Format mit Bezeichnungs- und Wertfeldern |
| chartTitle | text | Nein | Titel, der über dem Diagramm angezeigt wird |
| colorScheme | select | Nein | — |
| customColors | textarea | Nein | JSON-Array von Hex-Farben (erfordert Auswahl benutzerdefinierter Farben) |
| valueFormat | select | Nein | — |
| chartSize | number | Nein | Größe des Diagramms in Pixeln (min: 300, max: 600) |
| startAngle | number | Nein | Startwinkel in Grad (0-360) |
| innerRadius | number | Nein | Innerer Radius für Donut-Diagramm-Effekt (0-80) |
| backgroundColor | color | Nein | Hintergrundfarbe für den Diagrammcontainer |
| showValues | checkbox | Nein | Werte innerhalb der Diagrammbereiche anzeigen |
| showLabels | checkbox | Nein | Kategoriebeschriftungen um das Diagramm anzeigen |
| showGrid | checkbox | Nein | Radiale Rasterlinien und Kreise anzeigen |
| showAnimation | checkbox | Nein | Diagrammbereiche beim Laden animieren |
| showPercentage | checkbox | Nein | Prozentsätze anstelle von Werten anzeigen |
| enableTooltip | checkbox | Nein | Detaillierte Informationen beim Hover anzeigen |
HTML-Ergebnis
{
"result": "<div>Processed HTML content</div>",
"error": "Error message (optional)",
"message": "Notification message (optional)",
"metadata": {
"key": "value"
}
}Fügen Sie dieses Werkzeug Ihrem Model-Context-Protocol-Server hinzu, damit KI-Agenten es auflisten und aufrufen können.
Fügen Sie diesen Block Ihrer MCP-Client-Konfiguration hinzu:
{
"mcpServers": {
"elysiatools-polar-area-chart": {
"name": "polar-area-chart",
"description": "Interaktive Polardiagramme generieren zur Visualisierung von Daten im Kreisformat, perfekt zum Vergleich von Kategorien mit zyklischen Mustern oder radialen Verteilungen",
"baseUrl": "https://api.elysiatools.com/mcp/sse?toolId=polar-area-chart",
"command": "",
"args": [],
"env": {},
"isActive": true,
"type": "sse"
}
}
}Nach dem Verbinden mit dem SSE-Endpunkt listen Sie die bereitgestellten Werkzeuge auf:
{
"jsonrpc": "2.0",
"id": 1,
"method": "tools/list"
}Rufen Sie das Werkzeug über seine ID auf; Argumente werden aus seiner Parameterliste gebildet:
{
"jsonrpc": "2.0",
"id": 2,
"method": "tools/call",
"params": {
"name": "polar-area-chart",
"arguments": {
"chartData": "JSON format:\n[{"label": "Category A", "value": 25},\n{"label": "Category B", "value": 40},\n{"label": "Category C", "value": 30},\n{"label": "Category D", "value": 35}]",
"chartTitle": "Diagrammtitel eingeben...",
"colorScheme": "default",
"customColors": "["#FF6B6B", "#4ECDC4", "#45B7D1", "#FFA07A"]",
"valueFormat": "number",
"chartSize": "400",
"startAngle": "0",
"innerRadius": "0",
"backgroundColor": "#ffffff",
"showValues": true,
"showLabels": true,
"showGrid": true,
"showAnimation": true,
"showPercentage": false,
"enableTooltip": true
}
}
}Fragen oder Probleme? Kontakt: [email protected]