📊Mermaid 图表编辑器
用文本代码绘制流程图(flowchart)、时序图、甘特图、类图、饼图等。GitHub README·Notion·Obsidian已原生支持mermaid,结果可直接嵌入。可下载SVG·PNG。
🔒 浏览器内处理✓ 无水印✓ 无需注册
使用方法
- 1选择示例之一开始。
- 2编辑左侧代码,右侧预览实时更新。
- 3下载为SVG或PNG。
常见问题
Mermaid是什么?+
用文本绘制图表的开源工具。像写代码一样书写,便于版本管理·复制·修改,常用于开发者和技术文章。
可嵌入GitHub README吗?+
GitHub自2022年起支持Markdown中的```mermaid代码块自动渲染。在本工具生成代码后直接粘贴到README即可。
Notion·Obsidian能用吗?+
Obsidian可直接渲染代码块。Notion需部分插件。建议附加结果PNG兼容性最好。
支持哪些图表?+
流程图(flowchart)、时序图(sequenceDiagram)、甘特图(gantt)、类图(classDiagram)、状态图、ER图、饼图(pie)等10多种。
在PowerPoint·Keynote中如何使用?+
下载PNG后作为图片插入幻灯片。以2倍分辨率导出,打印也清晰。
可以做复杂设计吗?+
Mermaid侧重快速明确的图表。如需自由设计,推荐draw.io、Figma、Excalidraw。