Kategorien

← View All Tools

Donut-Diagramm-Generator

Erstellen Sie anpassbare Donut-Diagramme aus Daten mit verschiedenen Styling-Optionen, perfekt zur Anzeige von Proportionen mit zentralem Raum

Daten für das Donut-Diagramm. Unterstützt JSON-Array oder einfaches Etikett:Wert-Textformat

Titel, der über dem Diagramm angezeigt wird

Text zur Anzeige im Zentrum des Donuts (bei Anzeige der Gesamtsumme)

Größe des quadratischen Diagramms in Pixeln

Innerer Radius des Donuts in Pixeln (leer lassen für Auto)

Äußerer Radius des Donuts in Pixeln (leer lassen für Auto)

Startwinkel in Grad (0 = oben, 90 = rechts)

Hintergrundfarbe für den Diagrammcontainer

Prozente auf den Diagrammsegmenten anzeigen

Eine Legende unter dem Diagramm anzeigen

Beschriftungen oder Prozente direkt auf den Donut-Segmenten anzeigen

Gesamtwert im Zentrum des Donuts anzeigen

Segmente voneinander trennen zur Betonung

Wichtige Fakten

Kategorie
Data Visualization
Eingabetypen
textarea, text, select, number, color, checkbox
Ausgabetyp
html
Sample-Abdeckung
4
API verfügbar
Yes

Überblick

Erstellen Sie mit unserem Donut-Diagramm-Generator schnell und einfach ansprechende Ringdiagramme, um Datenproportionen und prozentuale Verteilungen übersichtlich zu visualisieren.

Wann verwenden

  • •Wenn Sie Anteile eines Ganzen in einer modernen, platzsparenden Form darstellen möchten.
  • •Wenn Sie Daten vergleichen und den Fokus auf die relative Größe einzelner Kategorien legen wollen.
  • •Wenn Sie ein Diagramm benötigen, das durch den zentralen Raum Platz für zusätzliche Informationen oder Beschriftungen bietet.

So funktioniert es

  • •Geben Sie Ihre Daten entweder als JSON-Array oder im einfachen Format 'Label:Wert' in das Eingabefeld ein.
  • •Passen Sie das Design über Optionen wie Farbschemata, Diagrammgröße und Radien individuell an.
  • •Aktivieren Sie Funktionen wie die Anzeige von Prozentwerten, Legenden oder den Gesamtwert im Zentrum.
  • •Generieren Sie das Diagramm per Klick und nutzen Sie es direkt für Ihre Präsentationen oder Berichte.

Anwendungsfälle

Visualisierung von Marktanteilen verschiedener Unternehmen in einer Branche.
Darstellung der Budgetverteilung auf verschiedene Abteilungen eines Unternehmens.
Anzeige von Umfrageergebnissen zur Verteilung von Präferenzen oder Meinungen.

Beispiele

1. Budgetverteilung

Projektmanager
Hintergrund
Ein Projektmanager muss die monatliche Budgetaufteilung für ein Marketingprojekt präsentieren.
Problem
Die Verteilung auf verschiedene Kanäle soll übersichtlich und modern dargestellt werden.
Verwendung
Eingabe der Ausgaben pro Kanal als Textliste, Auswahl des Farbschemas 'Business' und Aktivierung der Prozentanzeige.
Beispielkonfiguration
Social Media:45
E-Mail:25
SEO:20
Events:10
Ergebnis
Ein professionelles Donut-Diagramm, das die Budgetanteile klar mit Prozentwerten visualisiert.

2. Marktanteilsanalyse

Analyst
Hintergrund
Ein Analyst vergleicht die Marktanteile von vier Hauptkonkurrenten.
Problem
Die Anteile sollen in einem Ringdiagramm mit zentriertem Gesamtwert dargestellt werden.
Verwendung
JSON-Daten eingeben, 'Gesamt im Zentrum anzeigen' aktivieren und den inneren Radius für eine optimale Optik anpassen.
Beispielkonfiguration
[{"label": "Firma A", "value": 40}, {"label": "Firma B", "value": 30}, {"label": "Firma C", "value": 20}, {"label": "Firma D", "value": 10}]
Ergebnis
Ein präzises Donut-Diagramm mit dem Gesamtwert (100%) im Zentrum zur schnellen Erfassung der Marktverteilung.

Mit Samples testen

json, text
ELK Stack Log-Analyse Beispiele
Umfassende ELK Stack Beispiele für Log-Aggregation, -Verarbeitung und -Visualisierung in verteilten Systemen
preferred input family json
json
PDF-Beispiele
Generierte PDF-Beispiele von Tools zwischen 2026-02-01 und 2026-02-10
preferred input family json
json
WebRTC Echtzeitkommunikation Beispiele
Umfassende WebRTC-Beispiele für P2P Audio/Video-Kommunikation, Datenkanäle, Bildschirmfreigabe und Signalisierungsserver
preferred input family json
json
Distributed Tracing Beispiele
Umfassende Beispiele für verteiltes Tracing mit Jaeger, OpenTelemetry und modernen Observability Tools
preferred input family json
json

Verwandte Hubs

Json-Convert-Tools
Entdecken Sie 100 json-Tools für convert-Workflows und vergleichen Sie ähnliche Utilities schnell.
Text-Convert-Tools
Entdecken Sie 80 text-Tools für convert-Workflows und vergleichen Sie ähnliche Utilities schnell.
Json-Tools
Entdecken Sie 43 json-Tools für utility-Workflows und vergleichen Sie ähnliche Utilities schnell.
Text-Tools
Entdecken Sie 33 text-Tools für utility-Workflows und vergleichen Sie ähnliche Utilities schnell.

FAQ

Welche Datenformate werden unterstützt?

Sie können Ihre Daten entweder als JSON-Array oder als einfache Textliste im Format 'Label:Wert' eingeben.

Kann ich die Farben des Diagramms anpassen?

Ja, Sie können aus verschiedenen vordefinierten Farbschemata wie 'Warm', 'Kühl', 'Pastell' oder 'Geschäft' wählen.

Ist es möglich, den Gesamtwert in der Mitte anzuzeigen?

Ja, aktivieren Sie einfach die Option 'Gesamt im Zentrum anzeigen', um den summierten Wert in der Mitte des Donuts darzustellen.

Kann ich die Größe des Diagramms ändern?

Ja, Sie können die Diagrammgröße in Pixeln zwischen 200 und 800 festlegen.

Was bewirkt die Option 'Segmente explodieren'?

Diese Option trennt die einzelnen Segmente des Donuts voneinander, um die einzelnen Kategorien optisch stärker hervorzuheben.

API-Dokumentation

Request-Endpunkt

POST /de/api/tools/donut-chart-generator

Request-Parameter

Parameter-Name Typ Erforderlich Beschreibung
chartData textarea Ja Daten für das Donut-Diagramm. Unterstützt JSON-Array oder einfaches Etikett:Wert-Textformat
chartTitle text Nein Titel, der über dem Diagramm angezeigt wird
colorScheme select Nein -
centerText text Nein Text zur Anzeige im Zentrum des Donuts (bei Anzeige der Gesamtsumme)
chartSize number Nein Größe des quadratischen Diagramms in Pixeln
innerRadius number Nein Innerer Radius des Donuts in Pixeln (leer lassen für Auto)
outerRadius number Nein Äußerer Radius des Donuts in Pixeln (leer lassen für Auto)
startAngle number Nein Startwinkel in Grad (0 = oben, 90 = rechts)
backgroundColor color Nein Hintergrundfarbe für den Diagrammcontainer
showPercentage checkbox Nein Prozente auf den Diagrammsegmenten anzeigen
showLegend checkbox Nein Eine Legende unter dem Diagramm anzeigen
showLabels checkbox Nein Beschriftungen oder Prozente direkt auf den Donut-Segmenten anzeigen
showTotalInCenter checkbox Nein Gesamtwert im Zentrum des Donuts anzeigen
explodeSlices checkbox Nein Segmente voneinander trennen zur Betonung

Antwortformat

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

MCP-Dokumentation

Fügen Sie dieses Tool zu Ihrer MCP-Server-Konfiguration hinzu: 

{
  "mcpServers": {
    "elysiatools-donut-chart-generator": {
      "name": "donut-chart-generator",
      "description": "Erstellen Sie anpassbare Donut-Diagramme aus Daten mit verschiedenen Styling-Optionen, perfekt zur Anzeige von Proportionen mit zentralem Raum",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=donut-chart-generator",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Sie können mehrere Tools verketten, z.B.: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, maximal 20 Tools.

Wenn Sie auf Probleme stoßen, kontaktieren Sie uns bitte bei [email protected]