Fourier Series
Coding Challenge #125
In this coding challenge, I visualize a Fourier series for a square wave in JavaScript with p5.js.
Community Contributions
- Square & Sawtooth wave w/ sliders by lautibonet
- Now with sound! by stellartux (Source Code)
- Rainbow Fourier series: Sawtooth by Juan Carlos Ponce Campuzano (Source Code)
- Fourier Transform Processing Class by Philippe Carvajal
- Custom Fourier Series w/ color wheel, circle slider & presets by Nasir Khalid (Source Code)
- Square Wave Forrier Transform Animation by James Arthur (Source Code)
- Playable Fouries Series Audiovisualisation by Sander Vermeer (Source Code)
- Amplitude, Frequency, Phase by Abdul Haliq (Source Code)
- Basic wave visualization using Fourier Series in python with pygame by Nate Plamondon (Source Code)
You can also add your own version! (See how)
Links discussed in this coding challenge
Videos discussed in this coding challenge
- What is a Fourier Series? by Smarter Every Day
- But what is the Fourier Transform? A visual introduction by 3Blue1Brown
- Polar Coordinates
- Fractal Spirograph