UML State Machine — Order
Order lifecycle states with initial / terminal pseudo-states and guarded transitions.
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" }
]
}