Markdown Mermaid画图实例-松哥资源

示例标题

官网： https://mermaid.js.org/syntax/flowchart.html

可以理解为思维导图

graph LR
KaTex--> A(标记 Accents)
A-->撇,估计,均值,向量等写于符号上下的标记
KaTex--> 分隔符_Delimiters
分隔符_Delimiters-->小中大括号,竖杠,绝对值等分隔符的反斜杠写法
KaTex--> 公式组_Enviroments
公式组_Enviroments-->B(.....)
KaTex-->C(...)

状态图

stateDiagram-v2
[*] --> First
First --> Second
First --> Third

state First {
    [*] --> fir
    fir --> [*]
}
state Second {
    [*] --> sec
    sec --> [*]
}
state Third {
    [*] --> thi
    thi --> [*]
}

graph TD;
    A(视图创建) --> B(参加校验,基本信息填充) --> C(id是否为空)
	C--true,新增视图-->E(为关联的融合对象创建分组,根节点分组)
	C--false,更新视图-->F(查询历史数据视图关联的融合对象id)
	E-->G(保存融合对象与实体对象属性关系)
	G-->H(保存对象过滤配置)
	H-->I(保存对象行为模型维度值过滤配置)
	I-->ED(结束)
	F-->C2(与传入对象对比)
	C2--新增的关联对象-->O2(创建默认分组,保存融合对象与实体对象属性关系)
	C2--被移除的历史关联对象-->O3(删除与视图关联的对象的分组)
	O2-->C3(视图与对象是否存在失效标签)
	C3--Yes-->O4(将标签重置为有效)-->H
	C3--No-->H
	O3-->O5(删除融合对象与实体对象属性关系)-->O6(将当前视图下对象的标签置为有效)-->H

gitGraph
commit
commit
branch develop
checkout develop
commit
commit
checkout main
merge develop
commit
commit

pie title Pets adopted by volunteers
    "Dogs" : 386
    "Cats" : 85
    "Rats" : 15

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]

sequenceDiagram
    Alice->>+John: Hello John, how are you?
    Alice->>+John: John, can you hear me?
    John-->>-Alice: Hi Alice, I can hear you!
    John-->>-Alice: I feel great!

classDiagram
    Animal <|-- Duck
    Animal <|-- Fish
    Animal <|-- Zebra
    Animal : +int age
    Animal : +String gender
    Animal: +isMammal()
    Animal: +mate()
    class Duck{
      +String beakColor
      +swim()
      +quack()
    }
    class Fish{
      -int sizeInFeet
      -canEat()
    }
    class Zebra{
      +bool is_wild
      +run()
    }

gantt
    title A Gantt Diagram
    dateFormat  YYYY-MM-DD
    section Section
    A task           :a1, 2014-01-01, 30d
    Another task     :after a1  , 20d
    section Another
    Task in sec      :2014-01-12  , 12d
    another task      : 24d