chartletv0.21.0chartlet.casoon.de

← All examples

Handling an order

Without lanes, on a wide and low canvas: auto orientation turns the flow to run right. Each kind of step has its own shape — start and end, decisions, input and output, a subprocess and a data store.

Handling an order

examples/order-flow.json
{
  "schemaVersion": 1,
  "type": "flow",
  "title": "Handling an order",
  "source": "Shop operations handbook",
  "width": 1320,
  "height": 420,
  "flow": {
    "nodes": [
      {
        "id": "received",
        "label": "Order received",
        "kind": "start"
      },
      {
        "id": "paid",
        "label": "Payment cleared?",
        "kind": "decision"
      },
      {
        "id": "reserve",
        "label": "Reserve stock"
      },
      {
        "id": "stock",
        "label": "Inventory",
        "kind": "store"
      },
      {
        "id": "available",
        "label": "In stock?",
        "kind": "decision"
      },
      {
        "id": "backorder",
        "label": "Backorder",
        "sublabel": "supplier",
        "kind": "subprocess"
      },
      {
        "id": "ship",
        "label": "Ship parcel"
      },
      {
        "id": "notify",
        "label": "Notify customer",
        "kind": "io"
      },
      {
        "id": "delivered",
        "label": "Delivered",
        "kind": "end"
      },
      {
        "id": "cancelled",
        "label": "Cancelled",
        "kind": "end"
      }
    ],
    "edges": [
      {
        "from": "received",
        "to": "paid"
      },
      {
        "from": "paid",
        "to": "reserve",
        "label": "yes"
      },
      {
        "from": "paid",
        "to": "notify",
        "label": "no"
      },
      {
        "from": "reserve",
        "to": "stock",
        "label": "update",
        "dash": "dotted"
      },
      {
        "from": "reserve",
        "to": "available"
      },
      {
        "from": "available",
        "to": "ship",
        "label": "yes"
      },
      {
        "from": "available",
        "to": "backorder",
        "label": "no"
      },
      {
        "from": "backorder",
        "to": "reserve",
        "label": "restocked",
        "dash": "dashed"
      },
      {
        "from": "ship",
        "to": "delivered"
      },
      {
        "from": "notify",
        "to": "cancelled"
      }
    ],
    "mainPath": [
      "received",
      "paid",
      "reserve",
      "available",
      "ship",
      "delivered"
    ]
  }
}
Focus
Handling an order
Handling an orderFlow chart with 10 steps and 10 connections. Main path: Order received → Payment cleared? → Reserve stock → In stock? → Ship parcel → Delivered. Most connected: Reserve stock (4 connections). Nothing leads out of Inventory. Loop: Reserve stock → In stock? → Backorder → Reserve stock. Order received (start): leads to Payment cleared?. Payment cleared? (decision): leads to Reserve stock (yes) and Notify customer (no). Reserve stock: leads to Inventory (update) and In stock?. Notify customer (input or output): leads to Cancelled. Inventory (data store): no further step. In stock? (decision): leads to Ship parcel (yes) and Backorder (no). Cancelled (end): no further step. Ship parcel: leads to Delivered. Backorder (subprocess): leads to Reserve stock (restocked). Delivered (end): no further step.Order received → Payment cleared?Payment cleared? → Reserve stock: yesPayment cleared? → Notify customer: noReserve stock → Inventory: updateReserve stock → In stock?In stock? → Ship parcel: yesIn stock? → Backorder: noBackorder → Reserve stock: restockedShip parcel → DeliveredNotify customer → CancelledyesnoupdateyesnorestockedOrder receivedOrder receivedPayment cleared?Payment cleared?Reserve stockReserve stockInventoryInventoryIn stock?In stock?Backorder – supplierBackordersupplierShip parcelShip parcelNotify customerNotify customerDeliveredDeliveredCancelledCancelled

Source: Shop operations handbook

Show chart data
Data for Handling an order
StepKindLeads to
Order receivedstartPayment cleared?
Payment cleared?decisionReserve stock (yes), Notify customer (no)
Reserve stockstepInventory (update), In stock?
Notify customerinput or outputCancelled
Inventorydata store
In stock?decisionShip parcel (yes), Backorder (no)
Cancelledend
Ship parcelstepDelivered
BackordersubprocessReserve stock (restocked)
Deliveredend
  • Flow chart (landscape)
  • Fit a process into a wide format