Mermaid Module

Mermaid is a JavaScript-based diagramming and charting tool that uses Markdown-inspired text definitions and a renderer to create and modify complex diagrams.

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.

Usages

Use Mermaid via Code Block

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

Use Mermaid via Shortcode

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

Examples

See Mermaid Docs for details.

Flowchart

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

Class Diagrams

	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
Tuesday, December 3, 2024 Sunday, January 22, 2023