Markdown + Mermaid

Insert Diagram

# Documentation with Diagrams Write **Markdown** with embedded Mermaid diagrams. Each diagram gets its own zoom controls. ## Example Flow ```mermaid flowchart LR A[Write Markdown] --> B[Add Mermaid blocks] B --> C[Live preview] C --> D[Export to PNG or PDF] ``` ## Architecture ```mermaid flowchart TB subgraph frontend [Frontend] UI[User Interface] API[API Client] end subgraph backend [Backend] SVC[Service Layer] DB[(Database)] end UI --> API API --> SVC SVC --> DB ``` Regular markdown continues here with **bold**, *italic*, and `code`. - Lists work normally - So do tables, blockquotes, and everything else > Zoom each diagram independently, then export to PDF at those exact sizes.

100%

PNGPDFSelection

ScrollZoom

Ctrl+ScrollPan

DragMove