Flowchart orientation patterns¶

Flowchart orientation patterns define the directional layout of a diagram. In the Mermaid syntax, the orientation is explicitly declared at the beginning of the graph statement to determine whether the visual flow proceeds horizontally or vertically^[600-developer-tools-obsidian-johnny-ob-037.md].

Horizontal Orientation¶

To create a chart where elements flow from left to right, the declaration graph LR is used^[600-developer-tools-obsidian-johnny-ob-037.md]. This pattern is typically referred to as a "horizontal flowchart"^[600-developer-tools-obsidian-johnny-ob-037.md].

Vertical Orientation¶

To create a chart where elements flow from top to bottom, the declaration graph TD is used^[600-developer-tools-obsidian-johnny-ob-037.md]. This pattern is typically referred to as a "vertical flowchart"^[600-developer-tools-obsidian-johnny-ob-037.md].

Related Concepts¶

• [[Mermaid]]
• [[Flowchart syntax]]

Sources¶

^[600-developer-tools-obsidian-johnny-ob-037.md]