客服升级路径. Copy the source, paste into the official playground, done. No coordinates — every position is stated relative to something else.
node l1 "Tier 1 support"
node l2 "Tier 2" below l1
node l3 "Engineering" below l2
node kb "Knowledge base" right of l1
node csat "CSAT survey" below l3
edge l1 -> l2 "complex"
edge l2 -> l3 "bug"
edge l1 -> kb "self-serve"
edge l3 -> csat "resolve"npx reladraw support-escalation.reladraw -o out.svgTier 1 to Tier 2 to engineering, with self-serve knowledge base offloading Tier 1.. Use it in support ops reviews — the KB edge is your deflection rate.
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.