Mermaid 图表
在线 Mermaid 图表编辑器，左侧书写 Mermaid 语法、右侧实时预览，支持流程图、时序图、类图、状态图、甘特图、饼图、ER 图、Git 分支图与思维导图，并可导出 SVG 或 PNG。
主要功能
- 实时预览：编辑语法时右侧图表同步渲染
- 多图表类型：flowchart、sequenceDiagram、classDiagram、stateDiagram、gantt、pie、erDiagram、gitGraph、mindmap 等
- 主题切换：支持浅色与深色渲染主题
- 导出 SVG：矢量图可无损缩放，便于插入文档
- 导出 PNG：按指定分辨率导出，适合贴进聊天或演示稿
- 模板示例：内置常用图表示例，可直接改
使用步骤
- 在左侧编辑区书写或粘贴 Mermaid 代码
- 在右侧实时查看渲染结果，报错时按提示修正语法
- 调整主题与尺寸后导出 SVG 或 PNG
适用场景
- 在技术方案文档里画一张可复现的流程图
- 用 Git 分支图说明团队的分支与发布策略
- 用甘特图表达项目排期（图表随代码一起进版本库）
常见问题
导出的图表可以在哪些编辑器里使用？
Mermaid 语法已被 GitHub、GitLab、Notion、语雀、VS Code 等主流工具支持，源码可直接粘贴复用；导出的 SVG / PNG 则可插入任意文档。