Welche Diagrammtypen werden unterstützt?

Alles, was Mermaid 12 kann, darunter Flussdiagramme, Sequenz-, Klassen- und Zustandsdiagramme, Entity-Relationship, Gantt, Kreisdiagramme, Mindmaps, Zeitleisten, Git-Graphen, Journeys und Quadrantendiagramme.

Warum ist das PNG schärfer als ein Screenshot?

Das PNG wird aus dem Vektor-SVG in doppelter Originalgröße gezeichnet und bleibt so auf hochauflösenden Displays und in Präsentationen scharf.

Kann ich das exportierte SVG in GitHub oder Notion verwenden?

Ja. Das SVG ist eine eigenständige Datei mit fester Größe und festem Hintergrund und lässt sich in Browsern, Design-Tools und Dokumenten öffnen. GitHub und viele Wikis können den Mermaid-Code auch direkt rendern.

Mermaid Live Editor — Diagramme online erstellen

Mermaid-Code schreiben und Fluss-, Sequenz-, Klassen-, Zustands-, ER- und Gantt-Diagramme live sehen. Export als SVG oder PNG. Kostenlos im Browser.

diagram.mmd

Mermaid wird geladen…

Lokal mit Mermaid im strikten Modus gerendert. Dein Code wird nicht hochgeladen.

Formatreferenzen

Mermaid — Diagram syntax
Mermaid — Security level

Tool-Seite aktualisiert: 2026-10-23

Anleitung und Beispiel

Ähnliche Tools

Formatreferenzen