FFT with CSAT3

100%

FFT with CSAT3

✓ Published0🌍 Public

Last edited Jun 10, 2024

Created on May 30, 2024

This visualization displays wind velocity data from a CSAT3 anemometer, plotting the Uy_1 component against the record number. The visualization processes 32,768 data points using a Fast Fourier Transform (FFT) to compute the frequency spectrum, then plots the original time-series data as a line chart. The code uses the `fft()` and `fftMag()` functions from the FFT utility library to calculate magnitudes, and `fftFreq()` to determine frequency bins. The visualization is rendered using D3's `scaleLinear`, `line`, and `extent` functions, with axes generated by the 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 read in 30 minutes of CSAT-3 data. then perform a FFT, and power spectrum, and display results of all.

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

MIT Licensed

Similar vizzes

Loading thumbnail…

CSAT3 FFT

This visualization displays the power spectrum of wind speed data from the CSAT3A 3-D Sonic Anemometer. It uses a Fast Fourier Transform (FFT) to convert a 10-minute sample of the Uy wind component into frequency-domain magnitudes, plotted as decibels against frequency in Hertz. The custom FFT implementation computes the transform, and d3’s `scaleLinear`, `line`, and axes helper functions render the resulting spectrum on a gray plot area. Data comes from the `@drbagwell/csat3-data-file` package.

DDonald Bagwell

90% match

Loading thumbnail…

double sided FFT

This visualization demonstrates the results of a Fast Fourier Transform (FFT) applied to real-world wind data from a CSAT3 sonic anemometer, specifically the vertical wind component (Uy_1). It plots signal amplitude against frequency, revealing the dominant frequency peaks of the underlying sine wave patterns. The example uses a custom `FourierTransform` function to decompose the time-series data, then renders the results as a line chart with D3.js (v7.9.0). The `viz.js` module uses `scaleLinear`, `line`, and `extent` from D3 to create a line path, with axes and labels handled by the `@drbagwell/responsive-viz-axes` library. The data is visualized through a simple line mark, with a grey inner plot area and circular data points.

DDonald Bagwell

85% match

Loading thumbnail…

CSAT3 Components Responsive Line Chart

This responsive line chart visualizes the Uy_1 wind velocity component from a CSAT3 3-D sonic anemometer, plotting it against timestamps from the provided dataset. The visualization uses D3 scales and a line generator to draw the time series, with a gray inner rectangle framing the plotting area. It relies on `observeResize` from `@drbagwell/responsive-viz-axes` to adapt dimensions, while the `axes` module handles labeled axes for time and wind speed. The data file is imported from `@drbagwell/csat3-data-file`.

DDonald Bagwell

80% match

Loading thumbnail…

CSAT-3 single unit

This example displays the first row of a CSAT3 sonic anemometer dataset in raw JSON format, showing wind velocity components (Ux, Uy, Uz) and temperature (Ts) captured at a 20 Hz sampling rate. The code imports the data from a CSV file, converts numeric strings to numbers, and renders the first record as formatted text inside an HTML container using template literals and the `JSON.stringify` method. The data originates from a tower at McKellar Park in Memphis, Tennessee.

DDonald Bagwell

76% match

Loading thumbnail…

CSAT-3 @ 3 levels on 33 meter tall tower

This example displays a single row of raw atmospheric data from three CSAT3 sonic anemometers mounted at different heights on a 33-meter tower, showing wind velocity components (Ux, Uy, Uz) and temperature (Ts) for each level, along with diagnostic codes. The code loads the CSV using a data import, coerces each numeric field to a number, and then renders the first record as a formatted JSON object inside a `<pre>` element with a configurable font size.

DDonald Bagwell

73% match

Loading thumbnail…

dataFFT

This visualization demonstrates the Fast Fourier Transform (FFT) by plotting the frequency spectrum of a signal, showing a scatter plot of frequency peaks against their amplitudes. A CSV file containing signal data is fetched and processed through a naive Fourier transform algorithm, which calculates the real and imaginary components, amplitude, and phase for each frequency bin. The resulting data is rendered as a line chart of amplitude versus frequency using D3's `scaleLinear`, `line`, and `extent` functions, with axes and labels configured via the `@drbagwell/responsive-viz-axes` library. The visualization includes a gray inner plotting area and a black line trace, illustrating the spectral content of the input signal.

DDonald Bagwell

73% match

Loading thumbnail…

Fast Fourier Transform

This visualization demonstrates the process of applying a Fast Fourier Transform (FFT) to a signal. It plots a line chart of time-series temperature data, followed by the computation of the FFT to decompose the signal into its frequency components. The code uses `d3` for scalable vector graphics (SVG) rendering and `FourierTransform` from `fourier.js` to calculate the amplitude and phase for each frequency. The results are displayed alongside the original signal, showing the dominant frequencies present in the data.

DDonald Bagwell

72% match

Loading thumbnail…

dspFFT

This visualization demonstrates the Fast Fourier Transform (FFT) applied to a composite signal of three sine waves at 40, 15, and 25 Hz. It displays the frequency spectrum as a line chart, showing amplitude peaks at the corresponding frequencies, alongside axes labeled "Frequency Peaks of Sine Waves" and "Signal Amplitude." The code generates test data using a custom `sineGenerator`, computes the FFT with algorithms from `DSP.js` and `fourier.js`, and renders the result via D3 scales, line generator, and axes within an SVG canvas.

DDonald Bagwell

71% match