标签归档:流程图

使用写代码的方式来画流程图

最近又开始尝试画一些流程图,然后尝试了下为知笔记自带的 [Flowchart.js](https://flowchart.js.org/),感觉其实很难用,主要是有很多冗余的语法,比如为什么要先定义节点,还要给它重命名;以及还有只有 condition 这个类型的节点支持多个分支,然而它又是很丑的菱形。

然后尝试了下 [Mermaid](https://mermaid-js.github.io/mermaid/#/) 这个,发现极其好用,完全没有冗余的语法,例如:

以及它还提供了[在线编辑器](https://mermaid-js.github.io/mermaid-live-editor),并且编辑后直接分享链接给别人,别人就能够直接查看和编辑了,简直不要更方便。

以及它还支持时序图、甘特图、用户体验地图(User Journey Diagram)、饼状图等等。