# FFT's visually explained

**URL:** <https://discourse.flucoma.org/t/ffts-visually-explained/312>\
**Category:** Learning Resources\
**Created:** [September 10, 2019, 11:29pm UTC](https://discourse.flucoma.org/t/ffts-visually-explained/312 "2019-09-10T23:29:49Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![jamesbradbury](https://discourse.flucoma.org/user_avatar/discourse.flucoma.org/jamesbradbury/32/1252_2.png) [@jamesbradbury](https://discourse.flucoma.org/u/jamesbradbury)\
**Post date:** [September 10, 2019, 11:29pm UTC](https://discourse.flucoma.org/t/ffts-visually-explained/312/1 "2019-09-10T23:29:49Z")

</div>

I would say I am still relatively green to FFT’s compared to some of the other folk in here… 🙂

This was really nice in explaining the concept from start to finish as well as how some of the process works.

> **[An Interactive Introduction to Fourier Transforms](http://www.jezzamon.com/fourier/)**
>
> Fourier transforms are a tool used in a whole bunch of different things. This is a explanation of what a Fourier transform does, and some different ways it can be useful.

---

<div class="post-metadata">

**Author:** ![tremblap](https://discourse.flucoma.org/user_avatar/discourse.flucoma.org/tremblap/32/5_2.png) [@tremblap](https://discourse.flucoma.org/u/tremblap)\
**Post date:** [September 11, 2019, 6:52am UTC](https://discourse.flucoma.org/t/ffts-visually-explained/312/2 "2019-09-11T06:52:41Z")

</div>

This is very good and much less mathy - @weefuzzy will like this I reckon!

---

<div class="post-metadata">

**Author:** ![weefuzzy](https://discourse.flucoma.org/user_avatar/discourse.flucoma.org/weefuzzy/32/362_2.png) [@weefuzzy](https://discourse.flucoma.org/u/weefuzzy)\
**Post date:** [September 11, 2019, 9:20am UTC](https://discourse.flucoma.org/t/ffts-visually-explained/312/3 "2019-09-11T09:20:23Z")

</div>

Thanks @jamesbradbury – how do you find this in comparison to the Circles, Sines and Signals site that @rodrigo.constanzo reccomends?

[https://jackschaedler.github.io/circles-sines-signals/index.html](https://jackschaedler.github.io/circles-sines-signals/index.html)

---

<div class="post-metadata">

**Author:** ![jamesbradbury](https://discourse.flucoma.org/user_avatar/discourse.flucoma.org/jamesbradbury/32/1252_2.png) [@jamesbradbury](https://discourse.flucoma.org/u/jamesbradbury)\
**Post date:** [September 11, 2019, 9:26am UTC](https://discourse.flucoma.org/t/ffts-visually-explained/312/4 "2019-09-11T09:26:08Z")

</div>

That link is more in-depth, more mathy and a much better explanation for those purposes, whereas the other one is more explorative and engaging through its interactivity. I particularly like the waveform drawing -\> summed sines widget in the link I posted. If you are trying to gauge what kinds of materials people would be interested in, or see valuable in a KE context, I think that the latter provides an easier way _into_ the transform because of the visual/touch aspect. I dislike the amount of unnecessary text in the first, but think that the headings tackle more use cases and corners of the FFT. Some combination of clean text, timely interactions and scaffolded depth would be perfect but I guess I am describing any good learning resource here. :^)

---

<div class="post-metadata">

**Author:** ![rodrigo.constanzo](https://discourse.flucoma.org/user_avatar/discourse.flucoma.org/rodrigo.constanzo/32/12_2.png) [@rodrigo.constanzo](https://discourse.flucoma.org/u/rodrigo.constanzo)\
**Post date:** [September 11, 2019, 9:53am UTC](https://discourse.flucoma.org/t/ffts-visually-explained/312/5 "2019-09-11T09:53:39Z")

</div>

This is quite cool.

It’s definitely a lighter, and more interactive version of the Circles, Sines and Signals thing. I do like what the interactiveness brings, and the more integrated scrolling-as-process-demonstration thing.

Being able to create/test arbitrary examples was cool too.