Home▸Sound & Music▸2D Equalizer Visualization

2D Equalizer Visualization

Interactive 2D audio equalizer: a bank of frequency bars pulses to a procedural signal built from layered sine waves, with adjustable band count, sweep speed, beat strength and color mode.

Sound & Music2DEasy60 FPS📱 Mobile-adapted⇄ 3D version
2d-3d-equalizer-visualization ↗ Open standalone

This 2D simulator draws a classic frequency-bar equalizer: each vertical bar's height is driven by a small stack of sine waves at a slightly different frequency and phase, plus a shared beat pulse, standing in for a real audio spectrum. Adjust the band count to subdivide the display more finely, change the sweep speed to speed up or slow down the underlying signal, dial the beat strength to layer in a rhythmic pulse across every band, and switch between a rainbow spectrum coloring and a single-hue violet theme, with an optional mirrored reflection beneath the bars.

⚙ Under the hood

A 2D frequency-bar equalizer whose bands pulse from layered sine waves and a shared beat pulse, with adjustable band count, sweep speed, beat strength, color mode and a mirrored reflection.

EqualizerSound WavesFrequencyAudio Visualizer

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

What did you find?

Add reproduction steps (optional)