Diagramme direkt im Markdown
Dokumentiere Architektur, Abläufe und Daten, ohne den Text zu verlassen. markdowneditor rendert Mermaid, Graphviz DOT und Vega-Lite-Charts direkt in der Vorschau.
```mermaid
flowchart LR
A[Markdown] --> B[Preview]
```
```dot
digraph { a -> b -> c }
```Mermaid-Diagramme
Flowcharts, Sequenzdiagramme, Klassendiagramme, Zustandsdiagramme, ER-Diagramme, Gantt-Charts und mehr werden aus fenced Codeblöcken gerendert. Kein Zeichentool, keine Exporte, nur Text.
Graphviz-DOT-Diagramme
Schreibe dot-, neato-, circo-, twopi-, fdp-, osage- oder patchwork-Layouts in einen fenced Block und der Graph rendert direkt, angetrieben von einem Graphviz-WASM-Build im Browser.
Vega-Lite-Charts
Deklarative JSON-Spezifikationen erzeugen publikationsreife Charts im selben Dokument wie dein Text, nützlich für Berichte und Dokumentation, die Text und Daten mischen.
Lokal gerendert
Die Diagramm-Engines laufen in deinem Browser. Quelltext und gerenderte Ausgabe verlassen dein Gerät nie, und alles funktioniert offline, sobald die App installiert ist.