故障响应流程. Copy the source, paste into the official playground, done. No coordinates — every position is stated relative to something else.
node alert "Alert fires"
node triage "Triage" below alert
node mit "Mitigate" below triage
node comms "Status page" right of mit
node rca "Postmortem" below mit
node fix "Action items" below rca
edge alert -> triage
edge triage -> mit
edge mit -> comms "update"
edge mit -> rca "resolved"
edge rca -> fixnpx reladraw incident-response.reladraw -o out.svgAlert to triage to mitigation, with status page updates and a postmortem trail.. Use it in runbooks — during an incident the picture is faster than prose.
node new_id 'New label' below anchor — placement is relative, so the solver re-flows the whole diagram instantly.edge a -> b 'your label' — labels are the fastest way to carry rates, protocols or percentages.below to right of rotates a branch sideways without touching any other line.Declare each box with node, connect them with edge, and state one position per node relative to another. Paste the source from this page into the official playground and it renders immediately.
Yes — the source is free to copy, modify and ship in docs, READMEs, books or client decks. No attribution required.
Render in the playground and export SVG, or run it locally: npx reladraw file.reladraw -o out.svg for CI-friendly builds.