Scenifly

Scene Snake Bar Graph

A 3D serpentine equalizer: audio frequencies scroll like a wave across a grid of bars.

✓ Free scene
▶ Launch this scene See all scenes

Snake Bar Graph — the serpentine equalizer

The Snake Bar Graph arranges audio equalizer columns on a 3D grid in a snaking pattern: bars flow in alternating rows (left→right, then right→left), like a snake crossing the grid. As time passes, each new audio spectrum snapshot pushes the previous ones to the back, building a historical relief of the sound.

What you see

A grid of bright blue bars fills the entire field of view. Each bar represents a frequency band: its height corresponds to the amplitude at that moment. The closest row (foreground) is always the most recent. Looking toward the back, you read the history of the past few seconds — a kind of moving "sound mountain".

Seventy small white cubes dance in orbit around the grid, bouncing and swirling with the overall energy of the music, adding life to the scene's periphery.

Reading time and frequencies

The grid creates a unique spatio-temporal frame: the left–right axis represents the frequency spectrum (bass on the left, treble on the right), and the front–back axis represents time. A powerful beat creates a visible crest that gradually moves toward the back of the grid over the next few seconds.

💡 Perfect for: rhythmic music with strong beats (hip-hop, EDM, rock). Bass peaks create spectacular ridges that scroll like waves.

Technology

Grid of BoxGeometry bars arranged in a snake pattern (alternating rows) with SNAKE_ROWS × SNAKE_COLS instances. The circular buffer snakeBuffer stores previous FFT frames for the historical display. Dancing cubes each have their own angular position and orbital radius, updated via trigonometry every frame.

Three.js BoxGeometry Circular buffer Phong shading FFT

Usage tips

🖥️ Press F11 for fullscreen. Step back mentally and take in the whole grid — you'll see waveforms drawing themselves in 3D.
Pulsing Sphere EQ Terrain

All Scenifly scenes