Online Tool Store
Spirograph Maker
Generate classic Spirograph-style hypotrochoid curves by adjusting ring, wheel, and pen offset, and export as SVG. Runs entirely in your browser.
🔒 This tool runs entirely in your browser. Your files are never uploaded to a server.
How it works
- Adjust R, r, and d, or click "Random pattern" for a surprise.
- Watch the curve redraw live.
- Download the result as an SVG.
The formula
x(θ) = (R − r)·cos(θ) + d·cos(((R − r) ÷ r)·θ)
y(θ) = (R − r)·sin(θ) − d·sin(((R − r) ÷ r)·θ)
(the classic hypotrochoid curve, traced as θ increases)
FAQ
What do R, r, and d control?
R is the radius of the fixed outer ring, r is the radius of the smaller circle rolling inside it, and d is how far the "pen" sits from the rolling circle's center — the same three parameters a physical Spirograph toy uses.
Why do some settings make a simple flower shape and others make a dense pattern?
The number of "petals" and how densely the curve fills in depends on the ratio between R and r — simpler ratios (like 3:1) produce clean, low-petal patterns, while ratios that are relatively prime to each other trace many more loops before the curve closes.
What is this useful for?
Decorative background art, a coloring page base, a quick generative-art experiment, or just satisfying fiddling with parameters until something looks good.
Is anything uploaded when I generate a pattern?
No — the curve is calculated and drawn entirely in your browser using SVG. Nothing is sent to a server.
How we compare
| Feature | Online Tool Store | Physical Spirograph toy | Generative art software |
|---|---|---|---|
| Exportable vector file | ✓ | Physical drawing only | ✓ |
| No install | ✓ | ✓ | Requires an application |
For a quick decorative pattern as an actual downloadable SVG, this beats reaching for a full generative-art tool.