TOC

Mermaid 流程图

  • flowchart Flowchart
  • sequenceDiagram Sequence Diagram
  • classDiagram Class Diagram
  • stateDiagram State Diagram
  • erDiagram Entity Relationship Diagram
  • journey User Journey
  • gantt Gantt
  • pie Pie Chart
  • requirementDiagram Requirement Diagram
  • gitGraph Gitgraph (Git) Diagram
  • C4Context C4C Diagram (Context) Diagram
  • mindmap Mindmaps
  • timeline Timeline

饼图 pie

pie
    title 世界上最好的语言
    "Java" : 50
    "Python" : 200
    "C/C++" : 150
    "PHP" : 1000
    "Others" : 100

流程图 graph

graph LR
    emperor((朱元璋))-.子.->朱五四-.子.->朱四九-.子.->朱百六
    朱雄英--长子-->朱标--长子-->emperor
    emperor2((朱允炆))--次子-->朱标
    朱樉--次子-->emperor
    朱棡--三子-->emperor
    emperor3((朱棣))--四子-->emperor
    emperor4((朱高炽))--长子-->emperor3

序列图 sequenceDiagram


甘特图 gantt


类图 classDiagram


状态图 stateDiagram

stateDiagram-v2
    direction LR

    [*] --> plan
    plan --> target_invalid: 错误号码
    target_invalid --> [*]

    plan --> target_valid
    target_valid --> send_failed: 没有注册
    send_failed --> [*]

    target_valid --> sent
    sent --> delivered
    delivered --> read
    read --> [*]
    sent --> delivered_failed
    delivered_failed --> [*]

    classDef ignore fill:silver
    classDef ignore2 fill:green
    class plan ignore
    class target_valid ignore
    class sent ignore
    class read ignore2

旅程图 journey


参考资料与拓展阅读