Beispiele

Diese Seite enthält eine Sammlung von Beispielen für Diagramme und Grafiken, die durch mermaid und ihre unzähligen Anwendungen erstellt werden können.

Wenn Sie lernen möchten, wie Sie mermaid auf Ihrer Webseite unterstützen können, lesen Sie den Anfängerleitfaden.

Wenn Sie mehr über die Syntax von mermaid erfahren möchten, lesen Sie den Abschnitt Diagrammsyntax.

Grundlegendes Tortendiagramm

Code:

Code:

Grundlegendes Sequenzdiagramm

Code:

Grundlegendes Flussdiagramm

Code:

Größeres Flussdiagramm mit etwas Stil

Code:

Sequenzdiagramm: Schleifen, alt und opt

Code:

Sequenzdiagramm: Nachricht an sich selbst in einer Schleife

Code:

Sequenzdiagramm: Kommunikation des Blogging-App-Dienstes

Code:

Ein Commit-Flussdiagramm.