Playground

The renderer is the Merlion core compiled to WebAssembly (/merlion.wasm, about 1.3 MB). Each render passes the previous SVG as its layout hint, so nodes keep their places while you type; Fresh layout drops the hint. Diagnostics list every error, warning and repair; select one to jump to its position.

Mermaid sourceFresh layout

flowchart LR accTitle: How a page gets its diagrams md["**Markdown**<br/>docs page"] --> parse{mermaid fence?} parse -->|yes| render["**Render SVG**<br/>merlion-wasm"] parse -->|no| html[Plain HTML] render --> cache[(Hint cache)] cache e1@-.-> render render --> page[Page] html --> page class render accent class e1 async

Preview

Loading the renderer…