Home▸Mathematics▸STFT Spectrogram Visualiser: Time-Frequency Analysis (2D)

📊 STFT Spectrogram Visualiser: Time-Frequency Analysis (2D)

Interactive 2D spectrogram builder: generate a chirp, tone sequence or noise burst, apply a real Hann-windowed Short-Time Fourier Transform, and watch the true time-frequency image form with adjustable window and hop size.

Mathematics2DModerate60 FPS📱 Mobile-adapted⇄ 3D version

⚙ Under the hood

Build a real Short-Time Fourier Transform spectrogram on Canvas2D: time runs left to right, frequency runs bottom to top, and false colour encodes magnitude. Generate a chirp, a tone sequence or a noise burst, then adjust the Hann window size and hop length to see the time-frequency resolution trade-off directly in the image.

spectrogramstftfourier transformsignal processingtime-frequencycanvas2d

2D · HTML5 Canvas 2D · 60 FPS target · runs fully client-side, no install