Syntax & Nodes

Basic Nodes & Termination

The most fundamental elements are start and stop points. You can use start, stop, and end keywords.

Flow Chart Example
Loading...
flow basic nodes

You can also use the kill or detach keyword to stop a specific branch without ending the entire diagram.

Flow Chart Example
Loading...
flow basic nodes 1

Simple Connections

Activities starting with : and ending with ; are implicitly linked in their definition order.

Flow Chart Example
Loading...
flow simple connections

Action Lists

You can define a list of actions using the - shorthand.

Flow Chart Example
Loading...
flow action lists

Multi-line Actions

Actions can contain text spanning multiple lines. Detailed formatting like colors and styles is also supported.

Flow Chart Example
Loading...
flow multiline

Shape Reference

You can change the shape of an action node using stereotypes. Append <<stereotype>> after the action text.

Input / Output

Flow Chart Example
Loading...
flow stereotypes

Data & Storage

Flow Chart Example
Loading...
flow stereotypes 1

Documents

Flow Chart Example
Loading...
flow stereotypes 2

Process & Tasks

Flow Chart Example
Loading...
flow stereotypes 3

Geometry & Abstract

Flow Chart Example
Loading...
flow stereotypes 4

Specialized Shapes

Flow Chart Example
Loading...
flow stereotypes 5

Complete Stereotype Gallery

Below is a gallery of all supported shape stereotypes available in the renderer.

Flow Chart Example
Loading...
flow stereotypes 6

Notes

Add notes to your flowchart to provide additional context. Notes can be floating or attached to specific nodes.

Flow Chart Example
Loading...
flow notes