mermaid：以Markdown的方式生成图表和流程框图。
工具/原料
Haroopad编辑器：http://pan.baidu.com/s/1nv7yHK1
mermaid官网：http://knsv.github.io/mermaid/#demos
方法/步骤
1、mermaid支持流程图，时序图和甘特图的脚本生成。目前部分Markdown编辑器支持mermaid语法。
2、我们通过下面的例子一探mermaid的学习成本。
3、图表方向，如：graphTD，从上至下
4、`螬绣囤扮``mermaidgraphTDclient1-->|read/write|SVN烫喇霰嘴((SVNserver))client2-->|readonly|SVNclient3-->|read/write|SVNclient4-->|readonly|SVNclient5(...)-->SVNSVN---|storethedata|sharedrive```
5、```mermaid```是markdown语法，表示mermaid代码块。SVN((SVNserver))——表示这个节点形状是一个圆。|readonly|SVN——以这种方式添加节点之间的文本。
6、`螬绣囤扮``mermaidgraphTDsubgraphSVNArchitectureclie荏鱿胫协nt1-->|read/write|SVN((SVNserver))client2-->|readonly|SVNclient3-->|read/write|SVNclient4-->|readonly|SVNclient5(...)-->SVNSVN---|storethedata|sharedriveend```使用subgraph和end关键字来区分子模块。
7、应该说学习成本很低，大家可以通过官网的例子马上就可以使用了。