What does this visualizer actually compute?

Each of the 64 bars sums several sine waves at related frequencies with a geometric amplitude decay per harmonic (additive synthesis), then normalizes the result — the same idea used to build complex waveforms from simple sine components.

What do the controls change?

Harmonics sets how many sine terms are summed per bar, base frequency scales all their frequencies together, amplitude decay controls how quickly higher harmonics fade, and sweep speed scales simulated time.

Is this driven by real audio input?

No — it is a synthetic waveform generator, not a microphone analyzer. It demonstrates how additive sine synthesis shapes a spectral envelope without needing an audio source.

Home▸Signals & Telecommunications▸Waveform Visualizer (2D)

Waveform Visualizer (2D)

Additive sine synthesis drives a 64-bar canvas equalizer: sum a chosen number of harmonics per bar, decay their amplitude geometrically, and watch the spectral envelope and phase sweep evolve in real time.

Signals & Telecommunications2DEasy60 FPS📱 Mobile-adapted⇄ 3D version

This 2D companion rebuilds the 3D equalizer's synthetic waveform as a flat canvas bar chart tuned for reading the math rather than orbiting a scene: each of 64 bars sums a chosen number of sine harmonics at related frequencies with a geometric amplitude decay, normalizes the result, and animates it against a sweep-speed clock — so dragging the harmonics or decay sliders shows directly how additive synthesis shapes a spectral envelope, instead of just watching a pre-baked animation.

⚙ Under the hood

64-bar canvas equalizer driven by additive sine synthesis: harmonic count, base frequency, amplitude decay and sweep speed are all live-adjustable, with a peak/RMS readout updated every frame.

additive synthesisharmonicsequalizerspectral envelopesignal processing

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