Mermaid 图表预览
编写 Mermaid 图表语法，实时预览渲染后的流程图、时序图、类图和甘特图。可导出为 SVG 或 PNG。
正在加载图表渲染器……
Ctrl+Enter 运行Ctrl+Shift+C 复制
了解更多
Mermaid 预览：实时将文本渲染为图表
用 Mermaid 语法设计流程图、时序图等，并实时预览。可导出为 SVG 或 PNG 用于文档。
为何 Mermaid 是开发者的绘图利器
技术文档常常依靠图表来说明系统架构、工作流程和数据流向。传统绘图工具需要在画布上拖动各种图形，再导出难以进行版本控制的图片。Mermaid 采取了另一种思路——你用简单的文本语法描述图表，渲染器便会生成整洁的 SVG，可以与代码一起存放在 Markdown 文件、Wiki 和代码评审（pull request）中。
阅读约 5 分钟阅读完整指南