Erweiterungen · Kapitel 15

Diagramme mit Mermaid

Mermaid ist eine kleine Sprache für Diagramme. Du beschreibst, was mit was verbunden ist, und nexlore zeichnet es für dich. In der Datei bleibt das Diagramm Text, du kannst es also durchsuchen und in jedem Editor lesen.

Einen Ablauf aufzeichnen

So schreibst du es

```mermaid
flowchart LR
  A[Vorteig] --> B[Hauptteig]
  B --> C{Gar?}
  C -->|ja| D[Backen]
  C -->|nein| B
```

So sieht es aus

Die Pfeile schreibst du als -->. Eckige Klammern machen Kästen, geschweifte Klammern eine Raute für Fragen, und mit |ja| beschriftest du einen Pfeil.

Welche Diagramme Mermaid noch zeichnet

Erste Zeile	Diagramm
`flowchart TD`	Ablaufplan von oben nach unten (`LR`: von links nach rechts)
`sequenceDiagram`	wer wem wann was schickt
`gantt`	Zeitplan mit Balken
`timeline`	Zeitstrahl
`pie`	Tortendiagramm
`mindmap`	Gedankenkarte

Lore sagtIm Editor steht das Diagramm gleich unter seinem Code. Lässt sich ein Diagramm nicht zeichnen, zeigt nexlore seinen Text und sagt dir, dass es nicht geklappt hat. Links und Skripte in Diagrammen führt nexlore nie aus.