流程图、时序图、甘特图 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 流程图：

graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->D;

时序图：

sequenceDiagram
    Alice->>John: Hello John, how are you?
    John-->>Alice: Great!

甘特图：

gantt
    title A Gantt Diagram

    section Section
    A task           :a1, 2014-01-01, 30d
    Another task     :after a1  , 20d
    section Another
    Task in sec      :2014-01-12  , 12d
    anther task      : 24d

参考：

https://github.com/adrai/flowchart.js https://github.com/mermaid-js/mermaid