This is a proyect on visualizing fourier series I built using p5.js.
This proyect is hosted by github pages at this link.
The proyect works by calculating the starting conditions of n complex numbers.
Those complex numbers do 0, 1, 2, ... full rotation every ten seconds (clockwise and counterclockwise).
This numbers are added and the result of the adition is a point in the final path, as time goes on the path is fully drawn.
The initial condition of the complex numbers is calcualated with and integral (wich is aproximated numerically).
For more information on Fourier series visit 3b1b video
- Circles: number of complex number to use in the aproximation
- Speed: speed factor to apply to the rotation of this numbers
- Zoom: scale factor to apply to the whole drawing
- Circles: whether to draw the rotating circles
- Follow: whether the camera should follow the last point drawn in the path
- SVG: name of the drawing to approximate
To find more information about the awesome library used for this proyect visit:
https://p5js.org/
For more information on Fourier series visit 3b1b video
Links to the authors of the svg files:
- Pi: Icon made by Freepik from www.flaticon.com
- Double quaver: Icon made by Becris from www.flaticon.com
Checkout my other proyects at Click math