Flowchart (@flow)

Flowcharts show process flows, decision trees, and algorithms.

@flow
[nodes]
  start:Start|terminator
  input:Get Input|data
  check:Valid?|diamond
  process:Process Data
  error:Show Error
  output:Output Result|data
  end:End|terminator

[edges]
  start->input
  input->check
  check->process:yes
  check->error:no
  process->output
  error->input
  output->end

Rendered diagram

When to Use

• Process documentation

• Decision trees

• Algorithm visualization

• Workflow diagrams

• User flow mapping

Key Concepts

Concept	Description	Shape
Start/End	Flow boundaries	terminator
Process	Action steps	rect
Decision	Yes/No branch	diamond
Data	Input/Output	data
Manual	Human action	manual

In This Section

• Decision Nodes - Branching logic

• Process Steps - Sequential actions

• Terminators - Start and end points

• Examples - Real-world flowcharts