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()
	}
	
razonyang
2024年11月21日 星期四 2023年1月22日 星期日