高级

Mermaid 图表

使用简单的文本语法创建流程图、序列图、甘特图等。

介绍

Mermaid 是一个基于 JavaScript 的图表工具,使用受 Markdown 启发的语法。使用带有语言标识符 mermaid 的围栏代码块来创建图表。

注意:Mermaid 渲染需要您的 Markdown 编辑器或渲染器的支持。Obsidian、GitHub、GitLab 等工具均原生支持。

流程图

使用 graph TD(从上到下)或 graph LR(从左到右)创建流程图。

Start
Is it working?
Yes
Great!
No
Debug
End

序列图

序列图展示参与者之间随时间发生的交互。

UserAppDB
→ Login request
→ Check credentials
← User found
← Login successful

甘特图

甘特图可视化项目时间线。定义带有持续时间的部分和任务。

Project Timeline

Wireframes
Mockups
Frontend
Backend