Mermaid

Mermaid 是一个开源的 JavaScript 图表绘制库，允许用户通过类似 Markdown 的文本语法快速生成各种图表。它由 Knut Sveidqvist 创建，并在 2019 年荣获 JavaScript 开源奖“最令人兴奋的技术应用”。项目现托管于 mermaid.ai，提供完整的开源库和平台服务。

核心功能

• 多类型图表：支持流程图、时序图、类图、状态图、甘特图、饼图、Git 分支图、用户旅程图、需求图、ER 图等。
• 文本驱动：所有图表通过纯文本定义，易于版本控制和协作。
• 实时预览：Mermaid Live Editor 提供在线编辑和即时渲染。
• 广泛集成：可与 GitHub、GitLab、Notion、Obsidian 等工具集成，支持 Markdown 代码块渲染。

适用人群

适合开发者、技术文档撰写者、项目经理、产品经理以及任何需要在文档、博客、Wiki 中嵌入图表的用户。

使用方式

在 HTML 中引入 Mermaid 库后，通过 <div class="mermaid"> 包裹图表语法代码；或在支持 Mermaid 的 Markdown 编辑器中直接使用 ```mermaid 代码块。亦可通过 Live Editor 在线创建并导出 SVG 或 PNG。

注意事项

Mermaid 是免费的开源软件，但平台部分（如 mermaid.ai）可能会提供付费功能。请以官方文档为准，避免使用过期版本的安全漏洞。