In this coding challenge, I implement the Discrete Fourier Transform algorithm in JavaScript and render a drawing using epicycles derived from the transform. Code: Web Editor Sketches: 🕹️ Fourier Transform: 🕹️ Fourier Transform - user-drawn path: 🕹️ Fourier Transform - complex numbers: 🕹️ Fourier Transform - user-drawn path with complex numbers: Other Parts of this Challenge: 📺 Part 1 - Drawing with Fourier Transform and Epicycles : 📺 Part 2 - User Drawn Path: 🎥 Previous video: 🎥 Next video: 🎥 All videos: References: 🚂 Coding Train Logo: 💾 : #/ 💾 FFT on Algorithm Archive: 🗄 Discrete Fourier transform on Wikipedia: 🗄 Complex Number on Wikipedia: Videos: 🎥 But what is the Fourier Transform? A visual introduction: 🎥 Fourier Analysis For The Rest Of Us: 🎥 Epicycles, complex Fourier series and Homer Simpson's orbit: 🔴 Code Train Live 166: Related Coding Challenges: 🚂 #125 Fourier Series: Timestamps: 0:00 Fourier Transform and Epicycles Part 3 - Complex Numbers 4:44 Complex numbers 6:06 Let's Code! 8:00 Create a Complex number class 13:37 Use "FOIL" to multiply complex numbers 17:13 Write an add function to add the real components / imaginary components together 22:02 Add a user-drawn path 24:27 Conclusion and suggestions for variations Editing by Mathieu Blanchette Animations by Jason Heglund Music from Epidemic Sound 🚂 Website: 👾 Share Your Creation! 🚩 Suggest Topics: 💡 GitHub: 💬 Discord: 💖 Membership: 🛒 Store: 🖋️ Twitter: 📸 Instagram: 🎥 Coding Challenges: 🎥 Intro to Programming: 🔗 : 🔗 Web Editor: 🔗 Processing: 📄 Code of Conduct: This description was auto-generated. If you see a problem, please open an issue: #fouriertransformsquarewave #discretefouriertransform #epicyclesdrawing #javascript #p5js