flowchart.md

Flowchart in programming

Flowcharts - Basic Syntax

A node (default)

graph LR
id

graph LR
id

Loading

Note: The id is what is displayed in the box.

A node with text

graph LR
id1[This is the text in the box]

graph LR
id1[This is the text in the box]

Loading

Graph

graph TD
Start --> Stop

graph TD
Start --> Stop

Loading

graph LR
Start --> Stop

graph LR
Start --> Stop

Loading

Flowchart Orientation

• TB - top to bottom
• RD - top-down/ same as top to bottom
• BT - bottom to top
• RL - right to left
• LR - left to right

Node shapes

A node with round edges

graph LR
id1(This is the text in the box)

graph LR
id1(This is the text in the box)

Loading

Symbol	Purpose	Description

graph LR
id1-->id2

Loading