Mermaid-Diagramm-Generator
Ein schneller, privater Mermaid Live-Editor. Fügen Sie ein beliebiges Mermaid-Diagramm ein und sehen Sie es sofort dargestellt — Flussdiagramme, Sequenzdiagramme, ER-Modelle, Klassendiagramme, Gantt-Diagramme und Mindmaps alles an einem Ort.
One step per line. Indent two spaces to branch beneath the line above.
Was ist Mermaid?
Mermaid ist eine Open-Source-"Diagramme-als-Code"-Sprache: Sie schreiben eine kurze Textbeschreibung und Mermaid stellt das Diagramm dar. Es ist die gleiche Syntax, die GitHub, GitLab, Obsidian und viele Dokumentationsplattformen nativ darstellen, weshalb ein Mermaid-Diagramm so tragbar ist — fügen Sie den Block überall ein, wo er unterstützt wird, und er zeichnet sich selbst.
Dieser Editor führt den offiziellen Mermaid-Renderer in Ihrem Browser aus. Geben Sie ein beliebiges unterstütztes Diagrammtyp ein oder fügen Sie ihn ein und es wird live dargestellt, ohne Setup und nichts an einen Server gesendet.
Vom Editor zu Ihren Dokumenten
Exportieren Sie eine Vektor-SVG für scharfes Einbinden, ein PNG für Folien, oder kopieren Sie einen fertigen ```mermaid Markdown-Block, um ihn in ein GitHub-README einzufügen, wo er automatisch dargestellt wird. Für Diagramme, die bearbeitbar bleiben sollen, halten Sie sie als Mermaid-Quelltext in Ihrem Repository und öffnen Sie sie jederzeit hier erneut.
Häufig gestellte Fragen
Ist dies ein kostenloser Online-Mermaid-Editor?
Ja — fügen Sie Mermaid ein und es wird live im Browser dargestellt, kostenlos, ohne Anmeldung und ohne Wasserzeichen. Sie können SVG/PNG exportieren oder den Quelltext kopieren.
Welche Mermaid-Diagrammtypen werden unterstützt?
Flussdiagramme, Sequenzdiagramme, ER-Diagramme, Klassendiagramme, Zustandsdiagramme, Gantt-Diagramme, Mindmaps und Kreisdiagramme — der vollständige Mermaid-Renderer wird geladen.
Wird mein Mermaid-Code hochgeladen?
Nein. Die Mermaid-Engine wird einmal von einem öffentlichen CDN geladen und dann wird alles lokal dargestellt. Ihr Diagrammtext verlässt niemals Ihr Gerät.
Wie binde ich ein Mermaid-Diagramm in ein GitHub-README ein?
Kopieren Sie den Markdown-Block aus dem Exportmenü und fügen Sie ihn in Ihr README ein. GitHub stellt gefälzte ```mermaid-Codeblöcke automatisch dar — kein Bild erforderlich.
Welche Mermaid-Version ist dies?
Der Editor lädt Mermaid 11 von einem öffentlichen CDN, daher erhalten Sie aktuelle Syntax und Diagrammtypen, ohne etwas zu installieren.