Mermaid 編輯器
撰寫 Mermaid 圖表並即時轉譯為 SVG，錯誤訊息會指出問題所在。
Press Render to draw the diagram.
使用方法
Write a diagram in Mermaid syntax and press Render to preview it as SVG. Flowchart, sequence diagram and class diagram examples are included so you can start by editing them. Download SVG saves the finished diagram as a file. Syntax errors show Mermaid's own error message.
注意事項
Rendering happens in your browser; your diagram source is never sent to a server. Mermaid is initialized with securityLevel "strict", so HTML labels and click events inside diagrams are disabled.
常見問題
Which diagram types are supported?
Anything Mermaid supports: flowcharts, sequence diagrams, class diagrams, state diagrams, Gantt charts and more.
Can I export a PNG?
This tool exports SVG only. SVG scales without quality loss and can be embedded directly in web pages.