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)
- Visualization using vanilla javascript by Suhel Makkad (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