Was ist Mermaid?
Mermaid ist ein JavaScript-basiertes Diagramm- und Diagramm-Tool, das Markdown-inspirierte Textdefinitionen darstellt, um Diagramme dynamisch zu erstellen und zu ändern. Es unterstützt Flussdiagramme, Sequenzdiagramme, Klassendiagramme, Zustandsdiagramme, Gantt-Diagramme, Kuchendiagramme, ER-Diagramme und Mind Maps. Mermaid ist weit verbreitet in Dokumentation, README-Dateien und technischen Wikis.
So verwenden Sie diesen Mermaid Editor
- 1Geben Sie die Mermaid-Syntax im Editor-Bereich auf der linken Seite ein.
- 2Die Diagrammvorschau wird automatisch aktualisiert, während Sie eingeben.
- 3Wählen Sie ein Thema (Standard, dunkel, Wald, neutral), um den Diagrammstil zu ändern.
- 4Klicken Sie auf Beispielschaltflächen, um Beispieldiagramme für verschiedene Diagrammtypen zu laden.
- 5Exportieren Sie Ihr Diagramm als SVG (Vektor) oder PNG (Raster) mit den Exportschaltflächen.
Häufige Anwendungsfälle
Erstellen von Architekturdiagrammen
Skizzieren Sie schnell Systemarchitektur, Datenfluss oder Bereitstellungsdiagramme mit einfacher Textsyntax.
Sequenzdiagramme erzeugen
Dokumentieren Sie API-Interaktionen, Authentifizierungsflüsse oder Microservice-Kommunikationsmuster.
Projektplanung mit Gantt Charts
Visualisieren Sie Projektzeitlinien, Aufgabenabhängigkeiten und Meilensteine.
Häufig gestellte Fragen
Funktioniert dieses Tool offline?
Ja. Sobald die Seite geladen ist, erfolgt das gesamte Diagrammrendering in Ihrem Browser. Für nachfolgende Bearbeitungen ist keine Internetverbindung erforderlich.
Welche Diagrammtypen werden unterstützt?
Flussdiagramme, Sequenzdiagramme, Klassendiagramme, Zustandsdiagramme, Gantt-Diagramme, Kuchendiagramme, ER-Diagramme, Mind Maps und mehr. Siehe die Mermaid-Dokumentation für die vollständige Liste.