Mermaid
mermaid.js.org又名 Mermaid、Mermaid.js
开源的 JavaScript 文本绘图工具，用类 Markdown 代码渲染流程图、时序图、甘特图，可嵌入网页并随代码仓库做版本管理，适合维护项目 README 和写架构说明的开发者。
工具免费网页英文开源
Mermaid 是一个用文本画图的工具。你写一段类似 Markdown 的代码，它把这段文字渲染成流程图、时序图、甘特图等图表。和拖拽式绘图软件不同，图的内容和样式都写在文本里，改起来就是改几行字，适合放进文档、代码仓库或笔记里随版本一起管理。
主要功能
官方提供 Mermaid Live Editor，在浏览器里直接写代码并实时看到图形。它支持多种图表类型，页面描述里点名了流程图、时序图和甘特图。作为 JavaScript 工具，它可以嵌入网页，也有一份集成列表，列出能配合使用的应用。
适合谁
写技术文档、维护项目 README、做架构说明的开发者是主要用户。习惯用文本记录、不想在图形界面里反复对齐箭头的人，会觉得这种方式省事。团队里图表需要频繁修改时，文本定义也更容易 review 和合并。
费用与限制
项目开源，2019 年获得 JavaScript 开源奖的“最令人兴奋的技术应用”奖。当前版本为 12.3.0，团队正在讨论 v13 的重写方案：一个不依赖 DOM、插件化的版本，只画流程图的包约 100 kB（min+gzip），渲染速度约为 v12 的 50 倍，目标是 100 倍，语法保持不变。代价是体积与功能、速度与布局质量之间需要取舍。是否采用这一重写，官方正在征集意见。
常见问题
Mermaid 收费吗？
Mermaid 免费使用。
Mermaid 有哪些平台 / App？
支持 网页。
Mermaid 的替代品有哪些？
本站整理了 6 个替代品，例如 Markdown转Word、MD File Viewer、markmap、Slidev。
替代品 全部 6 个 →
Markdown转Word
免费的在线 Markdown 转 Word 工具，支持代码块高亮、LaTeX 公式和 Mermaid 流程图，转换在浏览器本地完成，适合写技术文档、周报或论文草稿的人交稿前把 .md 拖进去生成 .docx。替代导出这一块：把含 Mermaid 流程图的 Markdown 转成 Word，图表随文档一起落地
MD File Viewer
浏览器内的 Markdown 查看与编辑工具，拖入 .md 文件或粘贴文本即可分栏实时预览，支持语法高亮、Mermaid 图表与转 PDF、Word 导出，适合手边没装 Typora 时快速核对 README 排版或改两行笔记。替代预览这一块：浏览器里打开 .md 即可看 Mermaid 渲染结果，不用写代码
markmap
把 Markdown 大纲实时画成可折叠、缩放思维导图的开源工具，支持多种布局、公式与图片节点，可导出 SVG、PNG 和离线 HTML，适合习惯用 Markdown 记笔记的人把现成提纲快速变成一张图看结构。替代 Markdown 转图这一块：大纲式思维导图，不支持流程图、时序图
Slidev
面向开发者的开源演示文稿工具，用 Markdown 按页写幻灯片，可嵌入 Vue 组件、代码高亮、KaTeX 公式与 Mermaid 图表，适合习惯在编辑器里写内容的前端开发者做技术分享。替代文档内嵌图这一块：Markdown 写幻灯片可嵌 Mermaid，但只服务演示场景