sequenceDiagram
Alice->John: Hello John, how are you?
Note over Alice: A typical interaction
sequenceDiagram
Alice->>John: Hello John, how are you?
loop Every minute
John-->>Alice: Great!
end
sequenceDiagram
Alicie ->> Bob : Hello Bob, how are you ?
alt is sick
Bob ->> Alice : Not so good.
else is well
Bob ->> Alice : Feeling fresh like a daisy.
end
opt Extra response
Boob ->> Alice : Thanks for asking
end
sequenceDiagram
Alice ->> John : How are you.
%% This is a commnet.
John ->> Alice : Great!
sequenceDiagram
Alice ->> Zfk : Hello zfk , How are u.
loop Healthcheck
Zfk ->> Zfk : Fight aganist hypochondria
end
Note right of Zfk : Rational thoughts!
Zfk ->> Alice : Great!
Zfk ->> Bob : How are you.
Bob ->> Zfk : Jolly good.
stateDiagram
[*] --> First
state First {
[*] --> seconde
seconde --> [*]
}
stateDiagram
[*] --> First
state First {
[*] --> Second
state Second {
[*] --> second
second --> Third
state Third {
[*] --> third
third --> [*]
}
}
}
stateDiagram
[*] --> First
First --> Second
First --> Third
state First {
[*] --> first
first --> [*]
}
state Second {
[*] --> sec
sec --> [*]
}
state Third {
[*] --> thi
thi --> [*]
}
stateDiagram
state1 : The state with a note
note right of state1
Important information! You can write
notes.
end note
state1 --> state2
note left of state2 : This is the note to the left.
stateDiagram
[*] --> Still
Still --> [*]
%% this is a comment
Still --> Moving
Moving --> Still %% another comment
Moving --> Crash
Crash --> [*]
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
gantt
dateFormat YYYY-MM-DD
title Adding GANTT diagram functionality to mermaid
section A section
Completed task :done, des1, 2014-01-06,2014-01-08
Active task :active, des2, 2014-01-09, 3d
Future task : des3, after des2, 5d
Future task2 : des4, after des3, 5d
section Critical tasks
Completed task in the critical line :crit, done, 2014-01-06,24h
Implement parser and jison :crit, done, after des1, 2d
Create tests for parser :crit, active, 3d
Future task in critical line :crit, 5d
Create tests for renderer :2d
Add to mermaid :1d
section Documentation
Describe gantt syntax :active, a1, after des1, 3d
Add gantt diagram to demo page :after a1 , 20h
Add another diagram to demo page :doc1, after a1 , 48h
section Last section
Describe gantt syntax :after doc1, 3d
Add gantt diagram to demo page :20h
Add another diagram to demo page :48h
pie
title Pets adopted by volunterrs
"Dogs" : 386
"Cat" : 85
"Rats" : 15
pie
title key elements in Procuts X
"Calcium" : 42.96
"Potassium" : 50.05
"Magnesium" : 10.01
"Iron" : 5