JAVASCRIPT

Mermaid UML 流程图工具

2020-04-17

Mermaid 使用文本来构建UML流程图,类似于 Markdown 的降介文档,用javascript来生成 UML 图。 官方文档

plantuml 类似,都是属于降介文本格式输出类似 dot 图形。

嵌入使用

https://cdn.jsdelivr.net/npm/mermaid@8.5.0/dist/mermaid.min.js
  1. 使用默认的渲染,引入js 后,将文本放入 div.mermaid 中,让 Mermaid 自动渲染。
<div class="mermaid"> 
flowchart LR;
    A-->B;
    B-->C; 
</div>
flowchart LR;
    A-->B;
    B-->C; 

Javascript Awesome

2019-12-15

js 项目

网络

  • axios