Coding Challenge #130.1: Drawing with Fourier Transform and Epicycles

In this coding challenge, I implement the Discrete Fourier Transform algorithm in JavaScript and render a drawing using epicycles derived from the transform.
#fourier #transform

💻 Code: https://thecodingtrain.com/CodingChallenges/130-fourier-transform-drawing

Links discussed in this video:
🔗 Coding Train Logo by Tom Février: https://twitter.com/TomFevrier/status/1079437780466520065
🔗 p5.FFT: https://p5js.org/reference/#/p5.FFT
🔗 FFT on Algorithm Archive: https://www.algorithm-archive.org/contents/cooley_tukey/cooley_tukey.html
🔗 Discrete Fourier transform: https://en.wikipedia.org/wiki/Discrete_Fourier_transform

🎥 Coding Challenge #125: Fourier Series: https://youtu.be/Mm2eYfj0SgA
🎥 But what is the Fourier Transform? A visual introduction by 3Blue1Brown: https://youtu.be/spUNpyF58BY
🎥 Fourier Analysis For The Rest Of Us by GoldPlatedGoof: https://youtu.be/2hfoX51f6sg
🎥 Epicycles, complex Fourier series and Homer Simpson's orbit by Mathologer: https://youtu.be/qS4H6PEcCCA

🚂Website: https://thecodingtrain.com/
💡Github: https://github.com/CodingTrain
💖Membership: https://youtube.com/thecodingtrain/join
🛒Store: https://www.designbyhumans.com/shop/codingtrain/
📚Books: https://www.amazon.com/shop/thecodingtrain
🖋️Twitter: https://twitter.com/thecodingtrain

🎥Coding Challenges: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6ZiZxtDDRCi6uhfTH4FilpH
🎥Intro to Programming using p5.js: https://www.youtube.com/playlist?list=PLRqwX-V7Uu6Zy51Q-x9tMWIv9cueOFTFA

📄 Code of Conduct: https://github.com/CodingTrain/Code-of-Conduct
🌐Help us caption and translate: http://www.youtube.com/timedtext_cs_panel?c=UCvjgXvBlbQiydffZU7m1_aw&tab=2
🚩Suggest Topics: https://github.com/CodingTrain/Rainbow-Topics
👾Share your contribution: https://thecodingtrain.com/Guides/community-contribution-guide.html

🔗 p5.js: https://p5js.org
🔗 Processing: https://processing.org

Видео Coding Challenge #130.1: Drawing with Fourier Transform and Epicycles канала The Coding Train