📊
免费 Mermaid 图表编辑器
使用 Mermaid 语法编写流程图、时序图、甘特图等，并实时预览。可导出为 SVG 或 PNG。完全在浏览器中运行。
预览
100%
开始输入以查看图表…
拖动或滚动可平移。双指捏合或按住 Ctrl 滚动可缩放。拖动底部边缘可增加预览高度。
PNG 缩放
💡 用 Mermaid 语法编写图表——流程图、时序图、甘特图、类图等等——并导出为 SVG 或 PNG。一切都在你的浏览器中运行：图表文本从不上传，Mermaid 渲染引擎也由本站提供，而非第三方 CDN。
常见用途
- 创建流程图从文本创建流程图并将其导出为图像。
- 绘制时序图图表化系统或人员如何随时间交互。
- 向README添加图表创建GitHub在你的README中本地渲染的图表。
- 创建甘特图从文本将项目时间表制作为甘特图。
- 创建类图为软件设计描绘类及其关系。
工作原理
Mermaid 让你把图表写成文本并自动渲染——非常适合把图表纳入版本控制。这是一个实时编辑器，输入时即时渲染。
- 1Mermaid引擎加载首次使用工具时，Mermaid 库会从 LibraTool 加载，之后由浏览器缓存。
- 2你写图表代码流程图、序列图、甘特图、类图、饼图等——使用Mermaid的文本语法。
- 3它实时呈现你的代码当你输入时被解析并呈现为SVG,在你的浏览器中，具有浅色和深色主题。
- 4导出SVG或PNG将图表下载为可缩放SVG或2×PNG以放入文档、幻灯片或README。
你的图表代码——可能描述内部系统——完全在你的浏览器中呈现，永远不会上传。