Mermaid 图表生成器
粘贴 Mermaid 语法，即可实时预览并导出 SVG 或 PNG，无需安装任何软件。
在左侧输入 Mermaid 代码以查看预览
为什么选择 Zolkit Mermaid 图表生成器？
Zolkit Mermaid 图表生成器是一款纯浏览器工具，无需注册账号、无需安装插件，代码即图，所见即所得。支持 10 种 Mermaid 图表类型，从软件架构图到项目计划甘特图，一键导出 SVG 矢量图或 PNG 位图，满足文档、演示和代码仓库的各种需求。
实时预览
边输入边渲染，无延迟反馈，帮助你快速验证图表语法。
10 种图表类型
支持流程图、时序图、类图、ER 图、甘特图、状态图、思维导图、Git 图、饼图和时间线。
导出 SVG 和 PNG
SVG 无损缩放，PNG 适合截图插入文档，满足不同使用场景。
内置代码示例
每种图表类型均内置可运行示例，一键加载，快速上手。
完全在浏览器中运行
代码和图表数据不离开你的设备，无隐私泄露风险。
免费无限制使用
无需注册，无使用次数限制，随时随地使用。
如何使用
- 1
在左侧代码框中输入或粘贴 Mermaid 语法，右侧即时显示图表预览。
- 2
点击「加载示例」快速获取各图表类型的标准代码模板。
- 3
图表满意后，点击「导出 SVG」或「导出 PNG」保存图表，或点击「复制 SVG」直接粘贴到你的项目中。
常见问题
支持哪些 Mermaid 版本？
本工具使用 Mermaid v11，支持所有 v11 的图表类型，包括流程图、时序图、类图、ER 图、甘特图、状态图、思维导图、Git 图、饼图和时间线。
图表数据会上传到服务器吗？
不会。所有渲染均在浏览器本地完成，代码和图表数据不会发送到任何服务器，完全保护你的隐私。
SVG 和 PNG 有什么区别？
SVG 是矢量格式，无论放大多少倍都保持清晰，适合用于网页、文档和演示文稿；PNG 是像素格式，适合截图插入 Word 或发送给他人查看。
如何在 GitHub README 中嵌入 Mermaid 图表？
GitHub 原生支持 Mermaid 语法，只需在 Markdown 中使用 ```mermaid 代码块即可。本工具可帮助你在提交前预览和调试图表语法。
图表语法报错怎么办？
预览区会显示错误提示。常见原因：缩进不正确、关键字拼写错误或节点 ID 包含特殊字符。建议先加载内置示例，在此基础上修改。
可以保存我的图表吗？
目前可通过导出 SVG 文件保存图表。浏览器书签功能暂不支持保存代码状态，建议将代码保存到本地文件或代码仓库。