流程图（Flow Chart）：

使用图形表示算法的思路是一种极好的方法，因为千言万语不如一张图。流程图在汇编语言和早期的BASIC语言环境中得到应用。相关的还有一种PAD图，对PASCAL或C语言都极适用。
基于Flowchart.js生成，Flowchart.js 仅需几行代码即可在 Web 上完成流程图的构建。可以从文字表述中画出简单的 SVG 流程图，也可以画出彩色的图表。

时序图（Sequence Diagram）

又名序列图、循序图，是一种UML交互图。它通过描述对象之间发送消息的时间顺序显示多个对象之间的动态协作。它可以表示用例的行为顺序，当执行一个用例行为时，其中的每条消息对应一个类操作或状态机中引起转换的触发事件。
基于js-sequence-diagrams生成，js-sequence-diagrams 是一款基于 Javascript 的Web绘制时序图的工具，底层依赖 raphael，最终是生成 SVG。

链接: https://fly63.com/tool/detial/67