Build an SVG path one command at a time. Add move, line, curve and arc commands, watch the shape draw itself on a 100 by 100 grid, and copy the finished d attribute straight into your markup.
Stage
The stage is a 100 × 100 user-space box. Orange dots mark the point each command lands on; a hollow dot marks the start of the path. A grey dash means that one command was rejected and is excluded from the output.
Output
Preset shape
Command list
Argument counts are fixed: M/L take 2, H/V take 1, C takes 6, Q takes 4, A takes 7 (rx ry rotation large-arc sweep x y), Z takes none. Arcs also reject negative radii and flags other than 0 or 1. A path must open with M.
Seamless tiling patterns generated from simple rules, ready to export.
Turns a word into a generated poster of repeating letterforms.
Animated Voronoi cell patterns with adjustable site count, speed and colour.
Generate a balanced five-colour palette and check the contrast of every pairing.
Reduce a ratio with GCD, scale it, split a whole, and convert seven unit pairs.
Percent change, the reverse, percent-of, and compound growth over N periods.
A scale ladder from 1 m to the observable universe: how many of a reference object fit.
Enter a year and see which notable people from a curated roster were alive at that moment.
