无服务器架构. Copy the source, paste into the official playground, done. No coordinates — every position is stated relative to something else.
node gw "API Gateway"
node auth "Authorizer" right of gw
node fn "Lambda handler" below gw
node queue "SQS queue" right of fn
node worker "Lambda worker" below queue
node table "DynamoDB" below fn
edge gw -> fn
edge gw -> auth "verify"
edge fn -> queue "enqueue"
edge queue -> worker
edge fn -> tablenpx reladraw serverless-architecture.reladraw -o out.svgEvent-driven serverless: gateway to function to queue to worker with a table at the bottom.. Use it to explain pay-per-request systems where the queue is the buffer between burst and steady state.
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.