Prof. Dr. Barne Kleinen

Website of Prof. Dr. Barne Kleinen, Professor for Media Informatics (Bachelor/Master) at HTW Berlin

About Mermaid

Material in   Courses: Info3   Tags: Design   Tools: Hugo Mermaid

Mermaid renders diagrams from simple markdown code. It can be used

Here are some examples taken from Mermaid Live:

Still

Moving

Crash

flowchart TD
    A[Christmas] -->|Get money| B(Go shopping)
    B --> C{Let me think}
    C -->|One| D[Laptop]
    C -->|Two| E[iPhone]
    C -->|Three| F[fa:fa-car Car]

Get money

One

Two

Three

Christmas

Go shopping

Let me think

Laptop

iPhone

Car

Still

Moving

Crash

Flowchart Cheatsheet

Yes

No

Start

Is it?

OK

Rethink

End

This is the text in the box

This is the text in the box


  1. themes/greenpage/layouts/_default/_markup/ ↩︎