docs:diagram:flowchart

Table of Contents

About

The flowchart component is a diagram component that permits to create a flowchart.

Example

The markup

<flowchart>
graph TD;
    A-->B;
    A-->C;
    B-->D;
    C-->D;
</flowchart>

The output:

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

Syntax

The syntax is based on the mermaid flow chart definition

<flowchart>
   ... Mermaid Flowchart Diagram definition ...
</flowchart>

Mermaid offers a live editor that you can use to validate and develop your diagrams.

This component is based on the mermaid component.