Process Steps

Process nodes represent actions in your flowchart.

Basic Process

Default rectangle shape:

@flow
[nodes]
  step1:Receive Request
  step2:Validate Input
  step3:Process Data
  step4:Return Response

[edges]
  step1->step2->step3->step4

Rendered diagram

Process Types

Different shapes for different process types:

@flow
[nodes]
  # Standard process
  process:Process Data|rect

  # Subprocess (external)
  sub:Call External API|subproc

  # Manual operation
  manual:Manager Approval|manual

  # Data I/O
  input:User Input|data
  output:Generate Report|data

Rendered diagram

Sequential Steps

Chain processes with ->:

@flow
[nodes]
  start:Start|terminator
  s1:Step 1
  s2:Step 2
  s3:Step 3
  s4:Step 4
  end:End|terminator

[edges]
  start->s1
  s1->s2
  s2->s3
  s3->s4
  s4->end

Rendered diagram

Parallel Processes

Show concurrent execution:

@flow
[nodes]
  start:Start|terminator
  fork:Fork|diamond
  p1:Process A
  p2:Process B
  p3:Process C
  join:Join|diamond
  end:End|terminator

[edges]
  start->fork
  fork->p1
  fork->p2
  fork->p3
  p1->join
  p2->join
  p3->join
  join->end

Rendered diagram

Loops

Show iterative processes:

@flow
[nodes]
  start:Start|terminator
  init:Initialize
  check:More Items?|diamond
  process:Process Item
  next:Get Next
  done:Complete
  end:End|terminator

[edges]
  start->init
  init->check
  check->process:yes
  check->done:no
  process->next
  next->check
  done->end

Rendered diagram

Next Steps

• Terminators - Start and end points

• Examples - Complete flowcharts