加载中...
加载中...
在线渲染流程图/时序图/ER图等14+图表
Ctrl+滚轮缩放 · 支持流程图/时序图/ER图/甘特图/类图/饼图等
Mermaid 是 GitHub 官方支持的图表 DSL，用类 Markdown 的纯文本语法描述图形，由 mermaid.js 引擎渲染为 SVG。
本工具集成 Mermaid，支持流程图、时序图、类图、状态图、ER图、甘特图、饼图等 14+ 种图表，左侧输入代码右侧实时预览。
与 draw.io 等拖拽编辑器不同，Mermaid 的优势是「代码即图」——可版本管理、可 diff、可嵌入 Markdown 文档，技术文档配图尤其高效。
预览区支持 Ctrl+滚轮缩放和拖拽平移，复杂图表可放大局部细节。渲染错误会在预览区显示红色提示，方便快速定位语法问题。
支持导出 SVG 和 PNG 格式，SVG 适合嵌入文档，PNG 适合分享。
点击上方模板按钮（流程图/时序图/ER图等），加载示例代码。
在左侧编辑 Mermaid 语法代码，右侧自动实时渲染。
Ctrl+滚轮缩放预览，拖拽平移查看细节。
点击「SVG」或「PNG」按钮下载图表。
想了解更多操作细节、实用技巧与常见疑问？欢迎查看我们的完整使用教程， 从零到一带你把这个工具用熟用透。
Mermaid图表使用教程Mermaid 用代码描述图表，可版本管理；draw.io 是拖拽编辑器，适合复杂自由布局。Mermaid 更适合技术文档配图。
支持流程图、时序图、类图、状态图、ER图、甘特图、饼图、Git分支图、思维导图等14+种。
所有渲染在浏览器本地完成，代码不会上传服务器。
SVG 为矢量图无限放大不失真；PNG 导出为2倍分辨率，清晰度足够。
可参考 Mermaid 官方文档 mermaid.js.org，本工具模板按钮也提供了常用示例。