Skip to content

Mermaid 图表示例

1. 流程图 (Flowchart)

基本流程图

复杂流程图

2. 时序图 (Sequence Diagram)

基本时序图

带条件的时序图

3. 甘特图 (Gantt Chart)

项目进度甘特图

4. 类图 (Class Diagram)

基本类图

复杂类图

5. 状态图 (State Diagram)

订单状态图

用户状态图

6. 实体关系图 (Entity Relationship Diagram)

数据库ER图

7. 用户旅程图 (User Journey Diagram)

购物体验旅程

8. 饼图 (Pie Chart)

数据分布饼图

9. 流程图 - 横向布局

横向流程图

10. 思维导图 (Mind Map)

项目管理思维导图

11. 架构图 (Architecture Diagram)

系统架构图

12. Git 分支图 (Git Graph)

Git 分支管理

使用说明

  1. 流程图 (graph): 用于描述流程、算法、决策路径
  2. 时序图 (sequenceDiagram): 用于描述对象间的交互顺序
  3. 甘特图 (gantt): 用于项目进度管理和时间安排
  4. 类图 (classDiagram): 用于描述系统的静态结构
  5. 状态图 (stateDiagram): 用于描述对象的状态变化
  6. 实体关系图 (erDiagram): 用于数据库设计
  7. 用户旅程图 (journey): 用于描述用户体验过程
  8. 饼图 (pie): 用于数据占比分析
  9. 思维导图 (mindmap): 用于整理和展示思维过程
  10. 架构图: 用于描述系统架构和组件关系
  11. Git 分支图: 用于展示代码版本管理流程

每种图表类型都有其特定的语法和用途,可以根据实际需求选择合适的图表类型来清晰地表达您的想法和设计。