Mermaid 使用文本来构建UML流程图,类似于 Markdown 的降介文档,用javascript来生成 UML 图。 官方文档
和 plantuml 类似,都是属于降介文本格式输出类似 dot 图形。
嵌入使用
https://cdn.jsdelivr.net/npm/mermaid@8.5.0/dist/mermaid.min.js
- 使用默认的渲染,引入js 后,将文本放入 
div.mermaid中,让 Mermaid 自动渲染。 
<div class="mermaid"> 
flowchart LR;
    A-->B;
    B-->C; 
</div>
flowchart LR;
    A-->B;
    B-->C;