FFT 2D Visualizer

Draw or upload an image and visualize its 2D Fast Fourier Transform magnitude spectrum. Adjustable log base, power, offset, and scale. Uses fft.js.

v0.0.1
🍰
🏃
🎓
Intermediate
components
#react#canvas#fft#visualization#image-processing#signal-processing

FFT 2D Visualizer

Draw or upload an image and see its 2D Fast Fourier Transform magnitude spectrum in real time. Adjust logarithmic base, power, offset, and scale factor to explore the frequency domain.

Features

  • Draw on canvas or upload an image as source
  • Real-time 2D FFT magnitude visualization
  • Adjustable magnitude display (log base, power, offset, scale)
  • Touch and mouse support

Details

  • Title: FFT 2D Visualizer
  • Author: Mangle Kuo
  • GitHub: ghcpuman902
  • Tags: react, canvas, fft, visualization, image-processing, signal-processing
  • Version: 0.0.1
  • Complexity: intermediate
  • Category: components

Example

Source

FFT

Magnitude Calculator Settings