Flowchart Syntax Guide
Master Mermaid flowchart syntax with this interactive guide. Learn node shapes, connections, and advanced features.
Every Mermaid flowchart starts with a direction declaration. Use `flowchart TD` for top-down, `flowchart LR` for left-right, `flowchart BT` for bottom-top, or `flowchart RL` for right-left.
flowchart TD
A[Start] --> B[Process]
B --> C[End]Live Editor
Unsaved
More Tutorials
Sequence Diagram Guide — Messages, Loops & Fragments
Learn to create professional sequence diagrams with Mermaid. Cover participants, messages, and advanced features.
Gantt Chart Tutorial — Tasks, Dependencies & Milestones
Create professional project timelines with Mermaid Gantt charts. Learn tasks, dependencies, and scheduling.
ER Diagram Tutorial — Entities, Keys & Relationships
Design database schemas visually with Mermaid ER diagrams. Learn entity declarations, attribute types, relationships, and cardinality notation.
Paste ChatGPT Mermaid Code
Got Mermaid code from ChatGPT? Paste it here to render, edit, and export.