Mermaid Examples

Posted on In Views: 4 Word count in article: 431 Reading time ≈ 2 mins.

Mermaid Examples

Below are the examples of different types of Mermaid graph.

All Available Types

Mermaid Syntax

Mermaid Examples

Policy

Observation

Perception

Planning

Action

Text

One

Two

Feedback

Feedback

Hard

Round

Decision

Result 1

Result 2

Feedback

BobJohnAliceBobJohnAliceloop[HealthCheck]Rational thoughts!Hello John, how are you?Fight against hypochondriaGreat!How about you?Jolly good!
01/06/201401/06/201401/07/201401/07/201401/08/201401/08/201401/09/201401/09/201401/10/2014Completed Parallel 1 Parallel 2 Active Parallel 3 Parallel 4 Section
maindevelop0-e0e92de1-82845012-e1fee453-978086b5-6215e016-f599a1c

Cool

Where am I?

«Interface»

Class01

int chimp

int gorilla

size()

AveryLongClass

Class09

C2

C3

Class07

Object[] elementData

equals()

«service»

Class10

int id

size()

CatMe
Go to work
Go to workMe
Make tea
Make teaMe
Go upstairs
Go upstairsMeCat
Do work
Do work
Go home
Go homeMe
Go downstairs
Go downstairsMe
Sit down
Sit downMy working day
79%18%3%DogsCatsRats
<<person>>Banking Customer AA customer of the bank, with personal bank accounts.<<person>>Banking Customer B<<external_person>>Banking Customer C<<system>>Internet Banking SystemAllows customers to view information about their bank accounts, and make payments.<<person>>Banking Customer DA customer of the bank, with personal bank accounts.<<external_system_db>>Mainframe Banking SystemStores all of the core banking information about customers, accounts, transactions, etc.<<external_system>>E-mail systemThe internal Microsoft Exchange e-mail system.<<system_db>>Banking System D DatabaseA system of the bank, with personal bank accounts.<<system>>Banking System A<<system>>Banking System BA system of the bank, with personal bank accounts.BankBoundary2[SYSTEM]<<system_queue>>Banking System F QueueA system of the bank, with personal bank accounts.<<external_system_queue>>Banking System G QueueA system of the bank, with personal bank accounts.BankBoundary3[boundary]BankBoundary[ENTERPRISE]UsesUsesSends e-mails[SMTP]Sends e-mails toSystem Context diagram for Internet Banking System