← 所有工具 在浏览器中绘制
Mermaid 与 Graphviz 流程图
粘贴图表代码，实时预览，导出图片。
代码
预览
正在加载图表引擎…图表将在这里显示。
草稿会自动保存在当前浏览器中。免费 · 无需注册
图表代码保留在你的浏览器中，不会上传到 Dentry 或绘图服务。
从代码到图表
1. 输入代码
粘贴 Mermaid 或 Graphviz DOT，导入文件，或从示例开始。也可以粘贴一个完整的 Markdown 图表代码块。
2. 检查预览
停止输入后，预览会自动更新。语法错误显示在代码下方；修改期间保留上一次成功绘制的图表。
3. 导出图表
选择 SVG 获得可缩放的矢量图，或选择 PNG 插入文档和演示文稿。保存源代码，便于以后继续修改。
两种图表语法
Mermaid 支持流程图、时序图、状态图、类图、实体关系图、甘特图等。 Mermaid 语法参考 ↗
Graphviz DOT 适合绘制有向图、依赖关系和技术流程图。 Graphviz 语法参考 ↗
文件与隐私
支持 .mmd、.mermaid、.dot、.gv、.txt，以及包含单个图表代码块的 Markdown 文件。同一浏览器的各语言页面共用本地草稿，重置会清除保存的草稿。
交互链接、外部图片及自定义 Mermaid 配置已关闭。较大的图表可能需要简化后再导出。