Skip to content
Weave templates

UML State Machine — Order

Order lifecycle states with initial / terminal pseudo-states and guarded transitions.

Template previewWeave
Rendering…

Make it your own.

{
  "nodes": [
    { "id":"init","type":"circle","label":"●","x":40,"y":160,"fill":"#0f172a","w":24,"h":24 },
    { "id":"draft","type":"rounded","label":"Draft","x":110,"y":150,"fill":"#dbeafe" },
    { "id":"sub","type":"rounded","label":"Submitted","x":270,"y":150,"fill":"#dbeafe" },
    { "id":"paid","type":"rounded","label":"Paid","x":430,"y":150,"fill":"#dcfce7" },
    { "id":"ship","type":"rounded","label":"Shipped","x":590,"y":150,"fill":"#dcfce7" },
    { "id":"deliv","type":"rounded","label":"Delivered","x":750,"y":150,"fill":"#dcfce7","bold":true },
    { "id":"cancel","type":"rounded","label":"Cancelled","x":430,"y":300,"fill":"#fee2e2" },
    { "id":"refund","type":"rounded","label":"Refunded","x":590,"y":300,"fill":"#fee2e2" },
    { "id":"end1","type":"circle","label":"◉","x":830,"y":160,"fill":"#0f172a","w":24,"h":24 }
  ],
  "edges": [
    { "id":"a","source":"init","target":"draft" },
    { "id":"b","source":"draft","target":"sub","label":"submit" },
    { "id":"c","source":"sub","target":"paid","label":"pay" },
    { "id":"d","source":"paid","target":"ship","label":"fulfil" },
    { "id":"e","source":"ship","target":"deliv","label":"deliver" },
    { "id":"f","source":"deliv","target":"end1" },
    { "id":"g","source":"draft","target":"cancel","label":"discard","style":"dashed" },
    { "id":"h","source":"sub","target":"cancel","label":"cancel","style":"dashed" },
    { "id":"i","source":"paid","target":"refund","label":"refund","style":"dashed" },
    { "id":"j","source":"cancel","target":"end1","curve":"step" },
    { "id":"k","source":"refund","target":"end1","curve":"step" }
  ]
}