Projects
Project · 2024

fourier-draw

Draw any stroke. Rebuild it with epicycles.

live demoCanvas · Math · DFT
View demo →</> Code

Overview

fourier-draw decomposes any drawing into a Fourier series and rebuilds it with circles spinning on circles.

You draw a stroke, the transform turns it into epicycles, and you watch the sum of sines and cosines recreate your line in real time.

Features

  • →DFT in the browser
  • →Adjustable number of terms
  • →Export the SVG
  • →No dependencies

How it works

01Draw a closed shape with the mouse.
02Compute: the DFT extracts the stroke's frequencies.
03Watch the epicycles rebuild your drawing.