Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SpectrogramJS

Public visualization

Viewing a saved revision (read-only)

3c8c0c81b85243ec96b2bfde54a11c00

SpectrogramJS

0 stars0🌍 Public
JJoker-tr
Last edited Jan 2, 2020
Created on Jan 2, 2020
Forked from Hello VizHub

This interactive spectrogram visualizes audio frequencies in real time, displaying a scrolling heatmap of sound data across time. The project uses the Web Audio API to analyze audio buffers and D3.js (v5) for rendering the SVG axes and canvas-based spectrogram. Playback controls allow users to load and analyze sound files, with the frequency analysis performed via `AnalyserNode.getByteFrequencyData`. The visualization animates as audio plays, building up the spectrogram view.

AI-generated description