Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fast Fourier Transform Class

Public visualization

Viewing a saved revision (read-only)

bab7467c1d404313810b8ad0840cbd3b

Fast Fourier Transform Class

0 stars0🌍 Public
DDonald Bagwell
Last edited Jul 1, 2024
Created on Jun 28, 2024

This example visualizes the frequency spectrum of a time-series signal, showing the amplitude of frequency peaks after a Fast Fourier Transform (FFT) is applied to a dataset of 16,384 samples. A line chart displays the frequency peaks of sine waves, with the x-axis representing frequency and the y-axis representing signal amplitude. The implementation uses D3.js for rendering and employs a custom `FourierTransform` function to compute frequency, amplitude, and phase from the data, which is sourced from a pre-loaded dataset. The visualization also includes axes and labels rendered via the `@drbagwell/responsive-viz-axes` library.

AI-generated description

Overview Time to dabble with the infamous FFT in javascript. Anyone consider themselves a Subject Matter Exper (SME) please feel free to offer up advice, tips etc. Goal is to generate a 80hz sine wave as test data. then perform a FFT, and power spectrum, and display results of all.

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