Mermaid2Img
Editierbares Beispiel

Kreisdiagramm Mermaid Vorlage

Starte mit einem sauberen Mermaid-Beispiel fur Kreisdiagramm, passe die Syntax an und exportiere ein fertiges Bild.

Kreisdiagramm bearbeitenVorlagen ansehen

Kreisdiagramm testen

%%{init: {"pie": {"donutHole": 0.45, "legendPosition": "right", "highlightSlice": "SVG"}}}%%
pie title Exportieren usage
  "PNG" : 45
  "SVG" : 25
  "PDF" : 20
  "JPG" : 10

Was ist Kreisdiagramm Mermaid Vorlage?

Kreisdiagramm Mermaid Vorlage ist eine editierbare Mermaid-Beispielseite. Du kannst die Syntax prufen, sie im kompletten Workspace offnen und das Diagramm als PNG, JPG, SVG oder PDF exportieren.

Saubere Mermaid Startsyntax

Live-Vorschau vor Export

PNG, JPG, SVG und PDF Ausgabe

Rendering im Browser

Mehr als eine Mermaid Online-Vorschau

Mermaid2Img kombiniert Online-Editor, Vorlagen, Styling, lokalen Verlauf und Exportformate in einem Workspace.

Live-Vorschau fur Syntax und Layout
PNG, JPG, SVG und PDF Export
22 Vorlagen fur Dokumentation
Verarbeitung im Browser

Das passende Mermaid Exportformat wahlen

Mermaid2Img exportiert dasselbe Diagramm in mehreren Formaten, damit die Datei zum Einsatzzweck passt.

PNG
READMEs, Tickets, Doku und Chat

Nutze PNG fur ein scharfes Bitmap, das fast uberall funktioniert.

JPG
Kleine Dateien und schnelles Teilen

Nutze JPG fur leichte Vorschauen, wenn Transparenz unwichtig ist.

SVG
Web, Vektordokumente und Design-Ubergabe

Nutze SVG fur skalierbare Linien, auswählbaren Text und spatere Anpassungen.

PDF
Druck, Angebote und Prasentationen

Nutze PDF, wenn das Diagramm als Dokument weitergegeben wird.

Syntax-Checkliste

Beginne mit `pie title ...`, wenn ein sichtbarer Titel gebraucht wird.
Setze jedes Segmentlabel in Anfuhrungszeichen, danach Doppelpunkt und Zahl.
Mermaid 11.16 Pie-Konfiguration kann `donutHole`, `legendPosition` und `highlightSlice` nutzen.

So funktioniert es

1

Offne das Beispiel fur Kreisdiagramm.

2

Ersetze Labels, Knoten und Beziehungen durch deine Inhalte.

3

Exportiere das Diagramm oder bearbeite es im Workspace weiter.

FAQ

Was ist Kreisdiagramm in Mermaid?

Kreisdiagramm ist ein Mermaid-Diagrammtyp, der als Textsyntax geschrieben und als visuelles Diagramm fur Dokumentation und Planung gerendert wird.

Kann ich diese Kreisdiagramm-Vorlage als PNG exportieren?

Ja. Du kannst sie direkt in Mermaid2Img als PNG, JPG, SVG oder PDF exportieren.

Wo findet das Rendering statt?

Rendering und Export laufen in deinem Browser.

Online bearbeiten und exportieren

Teste den eingebetteten Editor oder offne den kompletten Workspace.

Loading editor...