This is great as it doesn't just explain the basics, it also shows how they are used in MP3 and JPEG files.

I always had a very vague "throws away data that's not perceived" idea of how MP3 works. With the background from this I was able to really understand the wikipedia page and found this great Ars[0] article from 2007 to cement my understanding.

[0] https://arstechnica.com/features/2007/10/the-audiofile-under...

This is incredible.

If I wanted to collect things like this to teach my kids, where do I look? How do we gather amazing resources like this in one spot?

I particularly love that it focuses on one topic and nails it.

Wow. This is by far, hands down, the best way I have ever seen this explained. Just excellently done.

Very impressive end enlightening indeed.

SmarterEveryDay published a video on this topic few weeks back: https://www.youtube.com/watch?v=ds0cmAV-Yek

At the time of writing the Gibbs phenomenon -- the overshoot occurring at discontinuities of a square wave, which does not go away no matter how many harmonics are included (see https://en.wikipedia.org/wiki/Gibbs_phenomenon) -- is not correctly represented in these visualisations, implying that important aspects of the underlying maths are obscured. In my opinion this limits the didactic value of an otherwise impressive presentation.

Slightly unrelated, here's a beautiful mathematical approach to the discrete fourier transform with evaluating a polynomial at the nth root of unity in the complex numbers:

https://ocw.mit.edu/courses/electrical-engineering-and-compu...

Very cool.

One idea that would be cool to see is a repeat of the video where the number of ‘harmonics’ is clipped.

Eg, show the video with only the first 5 circle components. Then the first 10, the first 15, and so on.

Will see the drawing approach the final image, and get the idea the low-freq harmonics do the bulk of the work but high-freq ones give the small details to make the hand a hand.

This is really cool. I especially like the rotating circles visualization. Another video that helped me finally "get" Fouriers is the 3Blue1Brown video:

https://www.youtube.com/watch?v=spUNpyF58BY

Really fantastic work. Best interactive write-up I've seen of a technical topic in a long time.

In the animation at the top, should use a different color for the circles vs. the hand/pen.

That was the most impressive opening demonstration. My eyes popped out of my skull.

Beautiful! How long did it take to make this blog post?

Amazing work! Thank you :)

Epic ...thanks