Diagrams inside your Markdown
Document architecture, flows and data without leaving your text. markdowneditor renders Mermaid, Graphviz DOT and Vega-Lite charts directly in the preview.
```mermaid
flowchart LR
A[Markdown] --> B[Preview]
```
```dot
digraph { a -> b -> c }
```Mermaid diagrams
Flowcharts, sequence diagrams, class diagrams, state diagrams, ER diagrams, Gantt charts and more render from fenced code blocks. No diagramming tool, no exports, just text.
Graphviz DOT
Write dot, neato, circo, twopi, fdp, osage or patchwork layouts in a fenced block and the graph renders in place, powered by an in-browser Graphviz WASM build.
Vega-Lite charts
Declarative JSON specs produce publication-quality charts inside the same document as your prose, useful for reports and documentation that mix text and data.
Rendered locally
Diagram engines run in your browser. Source text and rendered output never leave your device, and everything works offline once the app is installed.