This article offers a sample of basic diagram usage that can be used in Hugo content files.

Please see also Mermaid .

Flow Chart

Get money
One
Two
Three
Christmas
Go shopping
Let me think
Laptop
iPhone
Car

Sequence Diagram

AliceJohnHello John, how are you?John, can you hear me?Hi Alice, I can hear you!I feel great!AliceJohn

Class Diagram

Animal
+int age
+String gender
+isMammal()
+mate()
Duck
+String beakColor
+swim()
+quack()
Fish
-int sizeInFeet
-canEat()
Zebra
+bool is_wild
+run()