Splashery
Fourier Circles, a still.

Family VI, Math

Plate 107

Fourier Circles

Circles turning on circles can draw almost any closed shape, given enough of them.

Playground

Family
Math
Origin
Raised from a recipe
Habit
Diurnal: kept on the page
Voice
Yes, with the sound on
Your own
Your own shape
Licenses
Own work (made in the page)

How to play

Tap to spin the circles. Type a word or a curve in the Splash tab.

Notes

Each circle spins a whole number of times per loop while riding on the rim of the one before, and the tip of the last one traces the drawing. This is a Fourier series, named after Joseph Fourier, who showed in the early 1800s that repeating patterns can be built by adding up simple waves.

Tap to spin them and watch the shape drawn again. Few circles draw a wobbly shape and many draw a crisp one: set how many in the Splash tab, pick a heart, a star or a square wave, stack them in 3D, or type words (up to 40 letters) and each letter gets its own chain of circles, five letters at a time.

Its controls

ControlKindRangeStart
Spin the circlesTap
SpinButton
ShapeList5 choicesHeart
ViewList2 choices2D
CirclesSetting

Details

Splats
Opens at 200,000 at Mid Detail, 60,021 at Low, and up to 680,000 at Max
Your own files
.txt

Sources and credits

Made in Splashery. Its code is MIT.

Share it

This link opens it in the Playground. To put it on your own page, add the element and one script tag. Every option.

https://splashery.app/play/?toy=fourier-circles<script type="module" src="https://splashery.app/play/src/element.js"></script> <splashery-toy toy="fourier-circles"></splashery-toy>

Compare with