mermaid

sublimated renders .mmd and .mermaid files as diagrams. push via git, view the rendered diagram on the web.

• diagrams are rendered server-side on push — no client-side JavaScript needed

• the rendered SVG is stored alongside the source, so viewing is instant

• source code is shown in a collapsible section below the diagram

• supported on both sublimated.com (file viewer) and run.sublimated.com (published sites)

• demo — example flowchart, push it to see it rendered

supported diagram types

all mermaid.js diagram types work:

• flowchart / graph

• sequence diagram

• class diagram

• state diagram

• entity relationship diagram

• gantt chart

• pie chart

• git graph

• mindmap

• timeline

• and more — anything mermaid.js supports

how it works

1. push a .mmd or .mermaid file via git

2. sublimated detects the file type and sends it to the mermaid renderer

3. the rendered SVG is stored in CAS as a render_svg representation

4. when you view the file, the SVG is displayed with a collapsible source view

embedding in markdown

mermaid code blocks in markdown files are also rendered:

```mermaid
graph LR
    A --> B
```

this uses client-side rendering (mermaid.js loaded in the browser). standalone .mmd files use server-side rendering instead.