学习计划流程. Copy the source, paste into the official playground, done. No coordinates — every position is stated relative to something else.
node goal "Goal"
node plan "Break into topics" below goal
node practice "Practice" below plan
node test "Self-test" below practice
node weak "Weak areas" right of test
edge goal -> plan
edge plan -> practice
edge practice -> test
edge test -> weak "review"
edge weak -> practice "loop"npx reladraw study-plan.reladraw -o out.svgGoal broken into topics, practice, self-test, weak areas looping back into practice.. Use it for any learning plan — the loop edge is spaced repetition.
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.