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 3 - Complex Numbers: 🎥 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 165: Related Coding Challenges: 🚂 #125 Fourier Series: Timestamps: 0:00 Fourier Transform and Epicycles Part 2 - render a user-drawn path 1:20 Create a state variable 2:18 When the mouse is pressed, set the state as "user" 4:18 Render points while the user is drawing 6:48 Reset variables 7:38 Fix offset 8:38 Up next: have the inputs be complex numbers 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