3 bis 6 Segmente nutzen
Eine kurze Kategorieliste hält die wichtigsten Unterschiede übersichtlich.
Werte eingeben, Farbschemata wählen, Live-Diagramm prüfen und sauberen Mermaid-Code oder Bilddateien exportieren.
Editierbare Anteile
Zwischen Editor und Live-Ergebnis wechseln.
Live-Mermaid-Vorschau
Diagramm wird vorbereitet…
Scrollbare Vorschau. Pfeiltasten zum Verschieben, Shift+Pfeiltaste für größere Schritte, Pos1 für oben links.
Erste Vorschau wird erstellt…
Die Vorschau aktualisiert sich beim Bearbeiten.
Editor wird vorbereitet…
Wann ein Kreisdiagramm sinnvoll ist
Kreisdiagramme eignen sich am besten, wenn wenige Kategorien eine sinnvolle Gesamtheit bilden.
Eine kurze Kategorieliste hält die wichtigsten Unterschiede übersichtlich.
Größte Kategorie zuerst und im Uhrzeigersinn anordnen.
Anteile unter 3-5% sollten unter "Sonstige" zusammengefasst werden.
Syntax-Muster
Kreisdiagramme beginnen mit dem Schlüsselwort pie, können einen Titel enthalten und weisen jedem Segment einen Wert zu.
Mermaid-Kreisdiagramm-Referenz öffnenpie showData
title Website traffic
"Organic search" : 46
"Direct" : 24
"Referral" : 16
"Social" : 9
"Paid" : 5 Dieser Kreisdiagramm-Generator wandelt Beschriftungen und Werte in ein sauberes Mermaid-Diagramm um.
Ja. Kopieren Sie Spalten aus Ihrer Tabellenkalkulation und fügen Sie sie direkt ein.
Aktivieren Sie "Datenwerte anzeigen" in den Diagramm-Optionen.
Nein. Alle Berechnungen erfolgen vollständig in Ihrem Browser.