How to make a Gantt & Flowcharts with Mermaid

How to make a Gantt & Flowcharts with Mermaid
0

Working with Mermaid

bk_avatar_17


Mermaid Gantt Charts

Invoke Mermaid with [mermaid][/mermaid] to create Gantt Charts.

[mermaid]
gantt
    title My Awesome Gantt Chart
    dateFormat  YYYY-MM-DD
    section Top Priority
    Task No. 1:a1, 2019-06-05, 20d
    Task No. 2:a2, 2019-06-25, 20d
    section Another
    Task No. 3:after a, 24d
   Task No. 4: 24d
[/mermaid]
gantt title My Awesome Gantt Chart dateFormat YYYY-MM-DD section Top Priority Task No. 1:a1, 2019-06-05, 20d Task No. 2:a2, 2019-06-25, 20d section Another Task No. 3:after a, 24d Task No. 4: 24d

Simple Flowchart

[mermaid]
graph TD
Start --> Stop
[/mermaid]
graph TD Start --> Stop