Markdown-Mermaid
介绍
Mermaid 允许你使用文本和代码创建图表和可视化。
它是一个基于 JavaScript 的图表绘制工具，可渲染 Markdown 启发的文本定义以动态创建和修改图表。
流程图
流程图由节点（几何形状）和边（箭头或线条）组成。Mermaid 代码定义了如何制作节点和边，并适应不同的箭头类型、多方向箭头以及任何与子图的链接。
```mermain
graph TD
A[Christmas] -->|Get money| B(Go shopping)
B --> C{Let me think}
C -->|One| D[Laptop]
C -->|Two| E[iPhone]
C -->|Three| F[fa:fa-car Car]
```graph TD
A[Christmas] -->|Get money| B(Go shopping)
B --> C{Let me think}
C -->|One| D[Laptop]
C -->|Two| E[iPhone]
C -->|Three| F[fa:fa-car Car]时序图
序列图是一种交互图，显示进程如何彼此运行以及以什么顺序运行
类图
类图是面向对象建模的主要构建块。它用于应用结构的一般概念建模，以及将模型转换为编程代码的详细建模。类图也可用于数据建模。类图中的类表示主要元素、应用中的交互以及要编程的类
状态图
状态图是计算机科学及相关字段中用于描述系统行为的一种图表
实体关系图
实体关系模型（或 ER 模型）描述特定知识字段中相关的感兴趣的事物
用户旅程图
用户旅程高度详细地描述了不同用户在系统、应用或网站内完成特定任务所采取的步骤
甘特图
甘特图是一种柱状图,它说明了项目进度表以及任何一个项目完成所需的时间
饼图
饼图（或圆形图）是一种圆形统计图形，将其划分为多个切片以说明数字比例
象限图
象限图是分为四个象限的数据的直观表示。它用于在二维网格上绘制数据点，其中一个变量表示在 x 轴上，另一个变量表示在 y 轴上。象限是通过根据一组特定于所分析数据的标准将图表分为四个相等部分来确定的。象限图通常用于识别数据的模式和趋势，并根据图表中数据点的位置确定操作的优先级
需求图
需求图提供了需求及其相互之间以及其他记录元素之间的联系的可视化
Gitgraph 图
Git 图表是各个分支上 git 提交和 git 操作（命令）的图形表示
思维导图
思维导图是一种图表，用于将信息直观地组织成层次结构，显示整体各个部分之间的关系。它通常是围绕一个概念创建的，在空白页面的中心绘制为图片，并在其中添加相关的想法表示，例如图片、单词和单词的一部分。主要思想与中心概念直接相关，而其他思想则从这些主要思想中分支出来
时间线图
时间线是一种图表，用于说明事件、日期或时间段的年表。它通常以图形方式渲染以指示时间的流逝，并且通常按时间顺序组织
桑基图
桑基图是一种可视化，用于描述从一组值到另一组值的流动
XY Chart
XY 图表是一个综合图表模块，包含利用 x 轴和 y 轴进行数据表示的各种类型的图表。目前，它包括两种基本图表类型：柱状图和折线图
Block Diagram
框图是一种直观、有效的方式来直观地表示复杂的系统、流程或架构
参考
Last updated
Was this helpful?