代码式绘图工具--Mermaid

Mermaid 是一个基于 JavaScript 的图表生成工具，它允许你使用纯文本和类似 Markdown 的简单语法来创建图表和可视化内容。

传统的画图方式是使用鼠标在图形界面（如 Visio、Draw.io）上拖拽形状和线条。而 Mermaid 的核心思想是 “代码即图表”。

你只需要编写一段描述图表结构和逻辑的文本代码，Mermaid 的渲染引擎就会自动将其转换为一个美观的、可交互的（在某些环境下）图表。

特点和优势：

• 易于版本控制：你的图表代码（.md 或 .mmd 文件）可以和项目源代码一起用 Git 等工具管理，可以清晰地看到图表的修改历史和差异。
• 易于编写和修改：修改一段文本比用鼠标精确调整图形要快得多，也更容易进行批量修改。
• 支持多种图表类型

支持多种图表类型：

• 流程图
• 序列图
• 甘特图
• 类图
• 状态图
• 饼图
• 用户旅程图
• 等等…

📖 ioDraw 官网
📖 语法
📖 在线绘图工具
📖 在线实时编辑预览，重点：可以语法检查
📖 draw. Io，重点：可以导入

• 特点：免费使用，无需注册。支持导出为多种格式（如 PNG、SVG、PDF）。
• 使用方法：点击调整图形-插入-mermaid，然后再手动调整线条

📖 Markdown教程

---