Diagram playground

Write a diagram as text and it renders here as you type. Canvas editing for six of ten notations. Nothing leaves your browser. Syntax reference ·

Source text

archlab 1.0 lifecycle
title "An order, from checkout to the doormat"
description "One order, the states it passes through, and the two ways it can leave the track"

@lifecycle
  subject "Order"
    desc "One customer order. Everything below is somewhere this one thing can BE, never something somebody does to it."
  state placed "Placed"
    desc "Checkout finished. Nothing has been charged and no stock is held."
    exit "Cancelled" ends
      when "the customer changes their mind before paying, or the basket expires"
      desc "The commonest way an order leaves, and the cheapest: nothing has moved yet."
  state paid "Paid"
    desc "Payment captured, stock reserved. From here a departure costs somebody something."
    exit "Refunded" ends
      when "the payment is disputed, or the customer cancels before anything is picked"
  state packed "Packed"
    desc "Picked, boxed and labelled, waiting on the carrier."
  state shipped "Shipped"
    exit "Returned" rejoins packed
      when "the parcel comes back unopened — refused at the door, or nobody in after three attempts"
      desc "Back to Packed rather than to Paid: the stock is intact and the box needs only a new label."
  state delivered "Delivered" ends
    desc "Signed for, or left where the customer asked. The order stops here."

Tab indents · Esc then Tab leaves the editor · syntax reference

Drawn from the text