Mermaid 模塊

Mermaid 是一個基於 JavaScript 的圖表工具,使用 Markdown 啓發的文本定義和一個渲染器來創建和修改複雜的圖表。

Modulegithub.com/hbstack/mermaid
Repository⭐ Please consider giving a star if your like it.
Stars
Version
Used by
Requirements
License
UsageSee how to use modules.

用法

Mermaid 代碼塊

1```mermaid
2DIAGRAM SYNTAX
3```

Mermaid 短代碼

1{{< mermaid >}}
2DIAGRAM SYNTAX
3{{< /mermaid >}}

例子

詳情請參閱 Mermaid Docs

流程圖

graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->D;

類圖

classDiagram
note "From Duck till Zebra"
Animal <|-- Duck
note for Duck "can fly\ncan swim\ncan dive\ncan help in debugging"
Animal <|-- Fish
Animal <|-- Zebra
Animal : +int age
Animal : +String gender
Animal: +isMammal()
Animal: +mate()
class Duck{
+String beakColor
+swim()
+quack()
}
class Fish{
-int sizeInFeet
-canEat()
}
class Zebra{
+bool is_wild
+run()
}