Examples

Real-world flowcharts you can adapt.

User Registration

@flow
[nodes]
  start:User Clicks Register|terminator
  form:Show Registration Form|data
  submit:User Submits Form
  validate:Validate Input|diamond
  errors:Show Errors
  checkEmail:Email Exists?|diamond
  emailError:Show "Email in use"
  create:Create Account
  sendEmail:Send Verification Email
  success:Registration Complete|terminator

[edges]
  start->form
  form->submit
  submit->validate
  validate->errors:invalid
  errors->form
  validate->checkEmail:valid
  checkEmail->emailError:yes
  emailError->form
  checkEmail->create:no
  create->sendEmail
  sendEmail->success

Rendered diagram

Order Processing

@flow
[nodes]
  start:Order Received|terminator
  validate:Validate Order
  invalid:Invalid?|diamond
  reject:Reject Order|terminator
  inventory:Check Inventory
  inStock:In Stock?|diamond
  backorder:Create Backorder
  reserve:Reserve Items
  payment:Process Payment
  paid:Payment OK?|diamond
  release:Release Reservation
  payFail:Payment Failed|terminator
  fulfill:Create Fulfillment
  ship:Ship Order
  notify:Notify Customer
  complete:Order Complete|terminator

[edges]
  start->validate
  validate->invalid
  invalid->reject:yes
  invalid->inventory:no
  inventory->inStock
  inStock->backorder:no
  inStock->reserve:yes
  backorder->reserve
  reserve->payment
  payment->paid
  paid->release:no
  release->payFail
  paid->fulfill:yes
  fulfill->ship
  ship->notify
  notify->complete

Rendered diagram

CI/CD Pipeline

@flow
[nodes]
  start:Push to Git|terminator
  lint:Run Linter
  lintPass:Lint Pass?|diamond
  test:Run Tests
  testPass:Tests Pass?|diamond
  build:Build Artifacts
  buildPass:Build OK?|diamond
  deploy:Deploy to Staging
  smoke:Run Smoke Tests
  smokePass:Smoke Pass?|diamond
  approve:Manual Approval|manual
  approved:Approved?|diamond
  prod:Deploy to Production
  success:Deployment Complete|terminator
  fail:Pipeline Failed|terminator

[edges]
  start->lint
  lint->lintPass
  lintPass->fail:no
  lintPass->test:yes
  test->testPass
  testPass->fail:no
  testPass->build:yes
  build->buildPass
  buildPass->fail:no
  buildPass->deploy:yes
  deploy->smoke
  smoke->smokePass
  smokePass->fail:no
  smokePass->approve:yes
  approve->approved
  approved->fail:no
  approved->prod:yes
  prod->success

Rendered diagram

Support Ticket Flow

@flow
[nodes]
  start:Ticket Created|terminator
  triage:Triage Ticket|manual
  priority:Priority?|diamond
  urgent:Assign to Senior
  normal:Add to Queue
  assign:Assign to Agent
  work:Work on Ticket
  resolved:Resolved?|diamond
  escalate:Needs Escalation?|diamond
  senior:Escalate to Senior
  customer:Contact Customer
  response:Customer Response?|diamond
  close:Close Ticket
  reopen:Reopen Ticket
  closed:Ticket Closed|terminator

[edges]
  start->triage
  triage->priority
  priority->urgent:high
  priority->normal:low/medium
  urgent->assign
  normal->assign
  assign->work
  work->resolved
  resolved->escalate:no
  escalate->senior:yes
  senior->work
  escalate->customer:no
  resolved->close:yes
  customer->response
  response->work:yes
  response->close:no response
  close->closed

Rendered diagram

Algorithm: Binary Search

@flow
[nodes]
  start:Start|terminator
  init:low=0, high=n-1
  loop:low <= high?|diamond
  mid:mid = (low+high)/2
  check:arr[mid] == target?|diamond
  found:Return mid|terminator
  less:arr[mid] < target?|diamond
  goRight:low = mid + 1
  goLeft:high = mid - 1
  notFound:Return -1|terminator

[edges]
  start->init
  init->loop
  loop->mid:yes
  loop->notFound:no
  mid->check
  check->found:yes
  check->less:no
  less->goRight:yes
  less->goLeft:no
  goRight->loop
  goLeft->loop

Rendered diagram

More Examples

See the Cookbook for additional flowcharts in context.