526互联

MarkDown Mermaid高级绘图--简单积累

发布时间 2023-12-26 21:31:35作者: 哲远甄骏

MarkDown Mermaid高级绘图--简单积累

饼图

​```mermaid
pie
   title Example Pie Chart
   "First slice": 30
   "Second slice": 20
   "Third slice": 50
​```
pie title Example Pie Chart "First slice": 3 "Second slice": 2 "Third slice": 5

简单流程图

​```mermaid
graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->D;
​```
graph TD; A-->B; A-->C; B-->D; C-->D; 
​```mermaid
flowchart LR
    A[Hard edge] -->|Link text| B(Round edge)
    B --> C{Decision}
    C -->|One| D[Result one]
    C -->|Two| E[Result two]
​```
flowchart LR A[Hard edge] -->|Link text| B(Round edge) B --> C{Decision} C -->|One| D[Result one] C -->|Two| E[Result two] 
​```mermaid
flowchart TD
  A[开始] -->|条件1| B[流程1]
  B -->|条件2| C[流程2]
  C -->|条件3| D[流程3]
  D -->|条件4| E[结束]
​```
flowchart TD A[开始] -->|条件1| B[流程1] B -->|条件2| C[流程2] C -->|条件3| D[流程3] D -->|条件4| E[结束]

实体关系图

​```mermaid
erDiagram
    CUSTOMER ||--o{ ORDER : places
    ORDER ||--|{ LINE-ITEM : contains
    CUSTOMER }|..|{ DELIVERY-ADDRESS : uses
​```
erDiagram CUSTOMER ||--o{ ORDER : places ORDER ||--|{ LINE-ITEM : contains CUSTOMER }|..|{ DELIVERY-ADDRESS : uses

甘特图

​```mermaid
gantt
  title 项目计划
  dateFormat  YYYY-MM-DD
  section 研发
  设计 :a1, 2018-01-01, 15d
  开发 :a2, 2018-01-03, 30d
  测试 :a3, after a2, 20d
  section 上线
  发布 :b1, after a3, 2d
  测试 :b2, after b1, 5d

​```
gantt title 项目计划 dateFormat YYYY-MM-DD section 研发 设计 :a1, 2018-01-01, 15d 开发 :a2, 2018-01-03, 30d 测试 :a3, after a2, 20d section 上线 发布 :b1, after a3, 2d 测试 :b2, after b1, 5d

树状图

graph TD
  A[开始] --> B[分类1]
  B --> C[子分类1]
  B --> D[子分类2]
  C --> E[项目1]
  C --> F[项目2]
  D --> G[项目3]
  D --> H[项目4]
graph TD A[开始] --> B[分类1] B --> C[子分类1] B --> D[子分类2] C --> E[项目1] C --> F[项目2] D --> G[项目3] D --> H[项目4]

题目流程图

​```mermaid
sequenceDiagram
  A->B: 请求A
  B->>C: 请求B
  B->>D: 请求C
  C-->>B: 返回C
  D-->>B: 返回D
  B-->>A: 返回B

​```
sequenceDiagram A->B: 请求A B->>C: 请求B B->>D: 请求C C-->>B: 返回C D-->>B: 返回D B-->>A: 返回B

状态转换图
stateDiagram [*] --> 状态1 状态1 --> 状态2 : 事件1 状态1 --> 状态3 : 事件2 状态2 --> 状态3 : 事件3 状态3 --> 状态1 : 事件4 state 状态1 { [*] --> 子状态1 子状态1 --> 子状态2 : 子事件1 subgraph 子状态组 子状态2 --> 子状态3 : 子事件2 end 子状态3 --> 子状态1 : 子事件3 }

流程图实践

```mermaid
flowchart TD
    A[烧结矿数据] --熵权法--> B(划分等级,归一化数据)
    B --> |输入超图神经网络|C{利用特征,构建超图}
    C --> D[K-Means]
    C --> E[K-NN]
    C --> F[K-Struct]
    D -->|顶点聚合| G(更新超图)
    E -->|顶点聚合| G(更新超图)
    F -->|顶点聚合| G(更新超图)
    G -->|超边聚合| H(新节点嵌入)
    H -->|模糊网络| I(模糊新节点嵌入)
    I -->|全连接softmax| J[节点类别]
flowchart TD A[烧结矿数据] --熵权法--> B(划分等级,归一化数据) B --> |输入超图神经网络|C{利用特征,构建超图} C --> D[K-Means] C --> E[K-NN] C --> F[K-Struct] D -->|顶点聚合| G(更新超图) E -->|顶点聚合| G(更新超图) F -->|顶点聚合| G(更新超图) G -->|超边聚合| H(新节点嵌入) H -->|模糊网络| I(模糊新节点嵌入) I -->|全连接softmax| J[节点类别]