EntwicklungZuletzt aktualisiert: 22. September 2026

Was ist Mermaid?

Mermaid ist eine Open-Source-JavaScript-Bibliothek, die Diagramme durch das Schreiben von Text erstellt.

Definition und Wortherkunft

Anstatt in einem Zeichenprogramm Kästchen zu verschieben, wird das Schema als Text geschrieben, den das Tool in ein Bild umwandelt. Da der Text versionierbar ist, existiert er zusammen mit der Dokumentation und wird überprüft. Es hat seinen Namen von der Meerjungfrauen-Mythologie, was nichts mit Technik zu tun hat.

Analogie: Es ist so, als ob ein Architekt das Diagramm sofort erhält, indem er die Eigenschaften des Gebäudes aufschreibt, anstatt zu zeichnen.

Wie kann man es kennen und im täglichen Leben anwenden?

Dokumentation: Architekturschema in der README.
Planung: Kalenderansicht mit Gantt.
Bericht: Fluss- und Sequenzdiagramme.

Technische Tiefe und Architektur

Haupttypen:

Flowchart: Entscheidungs- und Prozessboxen.
Sequence: Zeitachsenbasierte Interaktion.
Gantt: Aufgabenplan.
ER: Entity-Relationship-Diagramm.

Einfaches Ablaufbeispiel:

flowchart LR
    A[İstek] --> B[Sunucu]
    B --> C[Yanıt]

GitHub und GitLab zeichnen diese Blöcke direkt, es sind keine Plugins erforderlich. Für die Live-Vorschau wird der offizielle Editor verwendet.

Häufig gemischte Dinge

Man hält sie für Zeichenwerkzeuge. Dabei ist Mermaid textbasiert und enthält kein Drag-and-Drop. Wenn visuelle Präzision beim Zeichnen gefragt ist, wird ein Grafikeditor benötigt.

Einsatz in verschiedenen Disziplinen

Musik: Aufzeichnung von Klang durch Notenschrift.
Stenografie: Aufzeichnen von Sprache mit Kürzeln.
Mathematik: Beschreibung von Formen durch Formeln.

Fragen und Antworten

Welche Diagramme können mit Mermaid gezeichnet werden?

Es werden technische Diagramme wie Flussdiagramme, Sequenzdiagramme, Gantt-Diagramme, Tortendiagramme, ER-Diagramme und Mindmaps gezeichnet.

Unterstützt GitHub dies?

Ja. Mermaid-Blöcke innerhalb von Markdown werden direkt gerendert.

Ist es kostenlos?

Die Kernbibliothek ist Open Source und kostenlos. Bei gehosteten Editoren kann es kostenpflichtige Stufen geben.

Wann ist es unzureichend?

Wenn Pixelgenauigkeit und freies Zeichnen erforderlich sind. Das ist die Aufgabe eines Grafik-Editors.