In this coding challenge, I visualize a Fourier series for a square wave in JavaScript with . Code: 🕹️ Web Editor Sketch: 🎥 Previous video: 🎥 Next video: 🎥 All videos: References: 🗄 Fourier Series: 📄 Purrier Series (Meow) and Making Images Speak: 📄 An Interactive Guide To The Fourier Transform by Better Explained: Videos: 🎥 What is a Fourier Series?: 🎥 But what is the Fourier Transform? A visual introduction: 🚂 Polar Coordinates: 🔴 Coding Train Live 163: Related Coding Challenges: 🚂 #61 Fractal Spirograph: 🚂 #130 Drawing with Fourier Transform and Epicycles: Timestamps: 00:00 Welcome! Some resources on the Fourier Series 02:44 Explain! What is a Fourier Series? 07:00 Code! Create a dot spinning around a circle! 11:41 Code! Draw the wave path of the dot! 14:41 Oops! Invert the order of the wave! 16:16 Code! Add multiple circle waves! 23:50 Code! Draw the Fourier series! 25:30 Code! Add slider for number of circles! 27:39 Suggestions 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: #fourier #maths #javascript #p5js