write Mermaid code, watch the graph render live
A two-pane Mermaid diagram studio: an IDE-style editor on the left and a live graph viewer on the right. Covers 18 diagram types (flowchart, sequence, class, state, ER, gantt, pie, journey, git, C4, mindmap, timeline, quadrant, sankey, xychart, block, packet, architecture) with full theming, 19 one-click snippets, and export to SVG, PNG and Markdown. Runs 100% in the browser and ships as a Docker image for self-hosting.
open https://kmail.at/tools/mermaid-canvas # or: docker run -p 8080:80 mokmail/mermaid-canvas
Tags: diagrams, mermaid