实用工具
输入
结果
结果会显示在这里。Mermaid 用几行文字就能画出图表，GitHub、GitLab、Notion 和大多数文档工具都能渲染它——但图表渲染不出来，或者需要把它作为图片放进幻灯片、设计文档时，你会想单独看看它。粘贴代码，这个编辑器就在页面里用 Mermaid 本身渲染，有四种主题可选。语法错误会带着 Mermaid 自己的提示和行号返回；图表合法时，会返回预览，以及可以下载或粘贴进设计工具的 SVG 代码。
它是怎么工作的
- 运行的是 Mermaid 库（第 12 版），它支持的图表类型都能用：流程图、时序图、类图、状态图、ER 图、甘特图、饼图、思维导图、时间线等。
- 标签以 SVG 文本绘制，而不是嵌入 HTML，所以文件在 Figma、Inkscape 或浏览器标签页里打开效果都一样。
- Mermaid 以严格安全模式运行：禁用点击处理和标签中的 HTML，预览以图片形式显示，粘贴的代码无法执行脚本。
- Mermaid 体积较大，只在你第一次运行这个工具时下载。
你的数据去了哪里
哪也没去。本工具完全在你的浏览器里运行：你粘贴的文本由页面处理，不会传输到任何服务器，也不会写进任何日志。
本工具免费且无需登录，运行结果只存在于你当前的页面里，不会被保存到任何地方。
它要花多少
本工具完全免费，不需要登录，也不消耗积分。
常见问题
- 为什么我的图表报解析错误？
- Mermaid 会报告出错的行和它期望的内容。常见原因是标签里有括号、引号或冒号——用双引号包起来，如 A["Label (v2)"]——箭头缺少目标，或者第一行的图表类型关键字拼错或漏写。
- 能导出 PNG 而不是 SVG 吗？
- 这个工具输出 SVG，任意缩放都清晰，也是文档网站嵌入的格式。需要 PNG 的话，用本站的 SVG 转 PNG 工具打开下载的 SVG，按你选的分辨率渲染。
- 在 GitHub 上看起来会一样吗？
- 布局出自 Mermaid，结构相同；但 GitHub 用它自己的 Mermaid 版本和主题渲染，主题会跟随读者的浅色或深色模式。很新的语法在 GitHub 升级之前可能用不了。
- 能让 AI 帮我写 Mermaid 代码吗？
- 可以——本站的 AI Mermaid 图表工具能用你自己的 API 密钥，把一段文字描述变成 Mermaid 代码。把它的输出粘贴到这里检查并渲染即可。
背后的开源项目
本工具运行在 mermaid-js/mermaid 之上，以 MIT 许可发布。如果你需要在自己的程序里实现同样的能力，直接用这个库。
mermaid-js/mermaid也常被称作
- mermaid 在线编辑器
- mermaid 转 svg
- mermaid 流程图
- mermaid 在线渲染
- mermaid live editor
- mermaid 时序图