Markdown流程图绘制语言Flow
Flow
当我知道用markdown语法可以画流程图我是震惊的。毕竟原来画流程图的话,要用visio或者PowerPoint。markdown语法中的Flow语言,可以通过写代码来实现流程图的绘制。
Flow基本语言
我们知道,流程图有几个元素:
- strat:开始框
- operation:处理框
- condition:判断框
- inputoutput:输入输出框
- end:结束框
- subroutine:子流程
各框通过“->”连接。定义上述基本元素的语句是:
元素ID=>元素类型:展示文字
元素ID(方向)->元素ID
其中,方向有以下四种
(top)
(bottom)
(right)
(left)
对于下图,实现代码为:
st=>start: Start
e=>end
op=>operation: My Operation
cond=>condition: Yes or No?
st->op->cond
cond(yes)->e
cond(no)->op
流程图3.png
举例
以上学期一门课程的流程图为例。下图是我用PowerPoint画的,可以说非常耗费精力了。那么用Flow语言如何实现呢?
结构优化设计流程.png
源代码如下:
start1=>start: 初始设计
op1=>operation: P=0
op2=>operation: 结构分析与敏度分析
op3=>operation: 建立原问题(Primal Problem)
op4=>operation: 建立近似问题(Approximate Proble)
op5=>operation: 求解近似问题,得到$X^{P+1}$
cond1=>condition: 是否小于允许误差
op6=>operation: P=P+1
end=>end: 结束
start1->op1->op2->op3->op4->op5->cond1
cond1(no)->op6(top)->op2
cond1(yes)->end
flow生成图.png
目前,flow语言能否插入数学公式,还有待探索。不过,对于不需要数学公式的简易流程图来说,flow语言还是非常方便的!
以上。(2020.03.04)