How to Draw Spirograph Patterns Online for Free

You remember the plastic Spirograph set from childhood — a ring, a set of toothed wheels, a pen, and the satisfying scratch of tracing loop after loop until a pattern emerged. Recreating that digitally for a design project, a poster background, or just to relive it isn’t as simple as it sounds: the actual shapes come from a specific mathematical relationship between the ring size, the wheel size, and where the pen sits on the wheel, and getting a clean, printable version of the result usually meant either owning the physical toy or writing your own curve-drawing code.

If you just want a geometric pattern for a design mockup, a poster, or a background texture, neither of those is a reasonable first step.

What a Spirograph pattern actually involves

The classic Spirograph shape is called a hypotrochoid — a curve traced by a point attached to a small circle (the wheel) as it rolls around the inside of a larger fixed circle (the ring). Three numbers control the whole shape: the ring radius, the wheel radius, and how far the pen point sits from the wheel’s center. Small changes to any of the three — especially the ratio between ring and wheel size — produce dramatically different-looking patterns, from tight rosettes to wide, sweeping loops.

Because the shape comes entirely from those three values, generating it is really a math-and-rendering problem: compute the curve for a given set of values, then draw it cleanly.

Why people get stuck here

• The physical toy is limited. A real Spirograph set only comes with a fixed set of ring and wheel sizes, so you can’t dial in an arbitrary ratio the way you can with numeric input.
• The math isn’t obvious. Hypotrochoid curves are parametric equations — not something most people want to derive and plot by hand for a one-off design need.
• Getting a clean digital export is its own step. A hand-drawn Spirograph pattern (or a low-res screenshot of one) doesn’t scale cleanly if you need it in a poster, a logo background, or a printed piece at a larger size.
• Small parameter changes have big visual effects. Without a way to preview changes instantly, tuning ring/wheel/offset values by trial and error is slow.

What a good Spirograph generator looks like

Direct control over ring, wheel, and pen offset

You want numeric or slider control over the three values that actually define the curve, so you can explore beyond whatever fixed set of wheels a physical toy happens to include.

Instant visual feedback as you adjust values

Since small ratio changes can produce very different patterns, seeing the curve redraw live as you tweak values is what makes finding a specific look practical instead of a guessing game.

Vector export, not just a raster image

An SVG export scales to any size without quality loss, which matters if the pattern is going into a poster, a print piece, or a design file where it might get resized later.

Common mistakes to avoid

• Using ring and wheel sizes that don’t have a clean integer ratio, which can produce a curve that never closes into a repeating pattern.
• Exporting a raster screenshot for something that will be printed large, which causes visible pixelation compared to a scalable vector export.
• Overcomplicating the pattern with too many overlapping curves at once, which can turn a clean geometric shape into visual noise.
• Forgetting that the pen offset (how far the tracing point sits from the wheel’s center) changes the pattern just as much as the ring and wheel sizes do — it’s easy to leave it untouched and miss a lot of possible variation.
• Not previewing at the size you’ll actually use the pattern, since fine detail in a dense pattern can read very differently at poster size versus a small icon.

How to do it with Spirograph Maker

Online Tool Store’s Spirograph Maker runs entirely in your browser and renders the curve as you adjust values.

1. Open the Spirograph Maker and set your ring and wheel sizes.
2. Adjust the pen offset and watch the curve update live.
3. Try a few different ratios to see how the pattern changes — small adjustments can produce very different shapes.
4. Export the finished pattern as SVG once you’ve got a shape you like.

Because it’s rendered client-side, you can experiment freely without any file upload or software install standing between you and the pattern.

Frequently asked questions

What’s the difference between a hypotrochoid and the shapes a real Spirograph toy makes?

They’re the same underlying curve — a real Spirograph toy is a physical way of tracing a hypotrochoid, limited to whatever ring and wheel sizes came in the set. A digital generator lets you use ring, wheel, and offset values the physical toy doesn’t offer, which opens up patterns you couldn’t trace by hand.

Why does changing the wheel size so slightly change the whole pattern?

The number of loops and the overall symmetry of the pattern comes from the ratio between the ring and wheel radii, so even a small change to that ratio can shift the pattern from a tight, dense shape to a wide, sparse one. It’s part of what makes the tool worth experimenting with rather than settling on the first result.

Can I use the exported pattern for print materials?

Yes — an SVG export is resolution-independent, so it scales cleanly whether you’re using it as a small icon or blowing it up for a large poster, without the pixelation you’d get from resizing a raster image.

Final thought

A Spirograph pattern is really just three numbers rendered as a curve — the hard part was never the concept, it was getting precise control over those numbers and a clean way to export the result. With both of those solved, it’s back to being what it always was: a fun way to lose ten minutes tweaking values until something clicks.

Try the free Spirograph Maker