Mermaid 是一个用于画流程图、状态图、时序图、甘特图的库，使用 JS 进行本地渲染，广泛集成于许多 Markdown 编辑器中。 之前用过 PlantUML，但是发现这个东西的实现原理是生成 UML 的图片后上传服务端，每次再从服务端读取，因此觉得不够鲁棒，隐私性也不好，因而弃 ...

流程图的示例 时序图的示例 甘特图的示例 FAQ 很多时候，你想解释自己的想法/代码，但是用语言来表达会很啰嗦，并且读者也不易理解。一般这种情况下，我们都会想使用图解来解释。但是，我们也不会想下载那些繁重的工具，比如Visio。 Mermaid 是一个用来 ...

甘特图 甘特图（Gantt chart）又称为横道图、条状图(Bar chart)。其通过条状图来显示项目、进度和其他时间相关的系统进展的内在关系随着时间进展的情况。以提出者亨利·劳伦斯·甘特 ...

1. Mermaid 点我查看官方文档 mermaid的语法研究 所有代码包裹在``里面 需用mermaid标识 基本构成 node(节点) edge(边) text(文本内容) 如 simple introduce ...

作者：黄永刚 mermaid简介 当撰写文档的时候，对于流程图的生成大多使用Visio等繁重的工具，没有一种轻便的工具能够画图从而简化文档的编写，就像markdown那样。 mermaid解决这个痛点，这是一个类似markdown语法的脚本语言，通过JavaScript实现 ...

序列图（时序图） 序列图是一种交互图，它显示了进程如何相互操作以及按什么顺序操作。 sequenceDiagram participant l as 大灰狼 participan ...

Markdown教程<2> mermaid图形绘制（1） 博客园中的markdown编辑器同时支持mermaid图表引擎与tex公式引擎，可以使用mermaid直接画出流程图，时序图，甘特图等，比较方便，下面介绍一下在markdown中使用mermaid绘制图表 注意 ...

1. mermaid：示意图 vscode 中安装 mermaid 插件以后，可以很容易地画示意图，例如： 上面最后一行应为```，显示不了，所以用'''示意。效果如下： 还可以做出更多细致的效果，参考：https://blog.csdn.net/swinfans/article ...