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.