Summary
The diagram changes in the window you are already watching.
Diagrams hold an id for the length of a session, so a revision replaces the syntax and re-renders in the same preview instead of leaving a second file to compare against. Export splits by format: SVG is written to a path you give, while PNG comes out of the preview's own download buttons. The diagram list covers the current session.
What it is
A diagram server that renders Mermaid.js syntax into a live preview in the browser and keeps this session's diagrams addressable by id.
What you get
- Rendering of flowcharts, sequence diagrams, class diagrams, state diagrams, ER diagrams and Gantt charts from Mermaid.js syntax.
- A live preview in the browser, carrying SVG and PNG download buttons.
- In-place revision: a diagram's syntax is replaced by id and the preview re-renders.
- A list of the diagrams generated in the current session, and SVG written straight to a path you choose.
Requirements
A browser for the live preview, and a writable path when you export SVG to disk.
Setup effort
One command — npx -y mermaid-live-mcp