Mermaid ermöglicht das Erstellen von Flussdiagrammen, Sequenzdiagrammen, Gantt-Diagrammen und anderen Diagrammen mithilfe von Text und Code. Eine vollständige Liste der unterstützten Diagrammtypen und der zugehörigen Syntax finden Sie in der Mermaid-Dokumentation.
Mermaid flowchart example
```mermaid
  flowchart LR
    subgraph subgraph1
        direction TB
        top1[top] --> bottom1[bottom]
    end
    subgraph subgraph2
        direction TB
        top2[top] --> bottom2[bottom]
    end
    %% ^ Diese Subgraphs sind identisch, abgesehen von den Verknüpfungen zu ihnen:

    %% Verknüpfung *zu* subgraph1: Die Richtung von subgraph1 bleibt erhalten
    outside --> subgraph1
    %% Verknüpfung *innerhalb* von subgraph2:
    %% subgraph2 erbt die Richtung des Top-Level-Diagramms (LR)
    outside ---> top2
```

​
Syntax

Um ein Mermaid-Diagramm zu erstellen, schreiben Sie die Diagrammdefinition in einen Mermaid-Codeblock. 
```mermaid
// Ihr Mermaid-Diagrammcode hier
```