🌀 SVG Spirograph Generator

Generate mathematical spirograph patterns as SVG

Settings

Outer Radius: 100

Inner Radius: 50

Pen Position: 30

Color

Stroke Width: 2

Steps: 1000

Presets

Preview

SVG Code

How It Works

A spirograph is created by rolling a smaller circle (inner radius) inside a larger circle (outer radius). A pen is positioned at a distance from the center of the inner circle, creating the pattern as it moves.

The mathematical formula uses parametric equations based on these three values to generate the beautiful curves.