项目简介
Mermaid 是一个基于 JavaScript 的图表生成工具,使用类似 Markdown 的文本语法,可将文字直接渲染为流程图、时序图、甘特图等。
官网:https://mermaid.js.org/
GitHub:https://github.com/mermaid-js/mermaid
支持图表类型
- 流程图(Flowchart)
- 时序图(Sequence)
- 类图(Class)
- 状态图(State)
- 甘特图(Gantt)
- 饼图(Pie)
- Git 图(GitGraph)
示例
graph LR
A[开始] --> B{判断}
B -->|是| C[执行]
B -->|否| D[结束]集成方式
- 在 Markdown 中直接使用(如 GitHub、GitLab 支持)
- 在网页中引入
mermaid.min.js - 在 VS Code 中安装 Mermaid 插件预览
广泛用于文档、技术博客和设计讨论。
