Home▸Sound & Music▸Circular Audio Equalizer Bars

Circular Audio Equalizer Bars (2D)

Interactive 2D spectrum analyzer: a ring of frequency-band bars pulses to a synthetic multi-tone signal, with adjustable band count, sensitivity and preset track feel.

Sound & Music2DEasy60 FPS📱 Mobile-adapted⇄ 3D version

Details

CategorySound & Music

RenderingCanvas 2D

DifficultyEasy

Target FPS60

ControlsPreset select (Bass Pulse / EDM Drop / Ambient Pad / Podcast Voice); sliders: band count (12-96, default 48), sensitivity (20-220%, default 100%), decay smoothing (0-95%, default 65%); peak hold on/off toggle button.

audio equalizerspectrum analyzerfrequency bandssound visualizationcircular barssignal envelope

Related simulations

Wave Equation1D string and 2D membrane wave PDEs solved via finite differences. Pluck the string or tap…

Fourier SynthesisVisualize the construction of complex waveforms from a series of sine waves. Adjust the…

Chladni Figures20 000 sand particles settle at vibration nodes of a plate driven at resonance frequency.… ⊞ All 141 in Sound & Music →

A flat 2D take on the circular spectrum-analyzer look: a ring of glowing bars, one per frequency band, pulses to a synthetic multi-tone signal built from a slow tempo envelope multiplied by a per-band oscillator. Switch between presets that change the underlying beat shape, adjust how many bands divide the ring, tune sensitivity and decay smoothing, and watch the live peak/average/beat-phase readouts track the same math driving the bars.

⚙ Under the hood

A 2D spectrum-analyzer ring where each bar represents a frequency band driven by a synthetic tempo envelope, with adjustable preset, band count, sensitivity and decay smoothing.

audio equalizerspectrum analyzerfrequency bandssound visualizationcircular barssignal envelope

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