More complicated looping flowchart with rays/branches in Mermaid.js

Question

I am having a problem getting a more complicated flowchart using Mermaid.js library.

I would like to have something like this:

A --> B --> C
^     |
|     |
|     ˇ
|     D --> E --> F
|     |
|     |
|     ˇ
|     G --> H --> I
|     |
└-----┘

Any idea how can I achieve that?

Answer 1

Here is the solution. You need to add some conditions there.

The Markdown code is here:

graph LR
A[A] -->B{B} 
B -->|Condition-1| C[C]
B -->|Condition-2| D{D} 
D -->|Condition-1|E[E]
E -->F[F]
D -->|Condition-2|G{G}
G -->|Condition-1|H[H]
H -->I[I] 
G -->|Condition-2|A

Output: