1# mermaid diagrams
2
3sublimated supports [mermaid](https://mermaid.js.org/) diagrams in two ways:
4
5## embedded in markdown
6
7use a fenced code block with the `mermaid` language tag:
8
9````
10```mermaid
11graph LR
12    A[start] --> B[end]
13```
14````
15
16the diagram renders inline when viewing the file. this uses client-side mermaid.js.
17
18## standalone .mmd files
19
20create a `.mmd` or `.mermaid` file with mermaid syntax. sublimated renders it server-side on push — no JavaScript needed in the browser.
21
22see the [mermaid docs](../mermaid/) for supported diagram types, how it works, and a demo file.