flowchart / mermaid流程图 语法参考

定义流程图元素

name=>type: content:>url

name: 元素的名称

type：类型，包括如下类别：

start
end
operation
subroutine
condition
inputoutput
parallel
content：文本内容
url：连接

示例

st=>start: Start:>http://www.google.com[blank]
e=>end:>http://www.google.com
op1=>operation: My Operation
sub1=>subroutine: My Subroutine
cond=>condition: Yes or No?:>http://www.google.com
io=>inputoutput: catch something...
para=>parallel: parallel tasks

连接元素

使用 -> 符号即可：

cond(yes)->io->e
cond(no)->op1->e

实例

flowchatchat
st=>start: Start:>http://www.google.com[blank]
e=>end:>http://www.google.com
op1=>operation: My Operation
sub1=>subroutine: My Subroutine
cond=>condition: Yes
or No?:>http://www.google.com
io=>inputoutput: catch something...
para=>parallel: parallel tasks

st->op1->cond
cond(yes)->io->e
cond(no)->para
para(path1, bottom)->sub1(right)->op1
para(path2, top)->op1

Created with Raphaël 2.3.0 Start My Operation Yes or No? catch something... End parallel tasks My Subroutine yes no