Which visualizer style should you use?

Eight styles, and the choice is not really aesthetic — it is structural. Some fill the whole frame and leave nowhere for text. Some read well on a phone and some turn to mush. Here is what each one is actually for.

The quick answer

If you want…	Use
A safe default that works with anything	Bars
Room for lyrics or captions	Ribbon or Center
Something built around cover art	Circle
A clean, minimal line	Wave
A retro / equalizer feel	Blocks
Something decorative rather than informative	Spiral or Particles

Full-width styles

These stretch edge to edge and read as the video's structure rather than an ornament in it.

Bars

The classic spectrum. Vertical bars across the full width, bass on the left, treble on the right. It works with every kind of material, and it is the only style most people need.

The thing to get right is bar width. Thin bars with tight gaps look detailed on a monitor and disintegrate into grey mush on a phone after a platform re-encodes them. Wider bars with visible gaps survive both. Turn on Mirror for a symmetric version that sits in the middle of the frame instead of standing on the bottom edge.

Ribbon

A smooth filled waveform mirrored around the centre line — the shape most people picture when they hear "audiogram". It is driven by the spectrum rather than the raw waveform, so it moves with the music without the noisy wiggle a filled oscilloscope produces.

Best choice when text matters. It occupies a clean horizontal band, so lyrics or captions sit above or below it without fighting for space.

Center

Discrete bars mirrored around a horizontal centre line. Same territory as Ribbon, but with separation between elements rather than a continuous shape — a little more technical, a little less organic.

Blocks

A grid of squares lighting up by level, like a hardware equalizer. The most stylised of the full-width options and the most era-specific — it reads as retro, which is either exactly what you want or exactly what you don't.

Wave

A single stroked line showing the actual waveform rather than the spectrum. The most restrained option, and the one that looks most like a design element rather than a widget.

Because it is a thin line, it needs enough stroke weight to survive compression — a 2px line at 1080p becomes a flickering artefact after a platform re-encodes it.

Radial styles

These cluster around a centre point and leave the edges of the frame empty. That empty space is the point: it is where artwork or text goes.

Circle

A ring with spikes radiating outward. The natural choice when you have cover art — put the artwork in the middle and let the ring pulse around it. Adjust the radius so the ring sits just outside the artwork rather than crossing it.

Spiral

A spiral path modulated by the spectrum. Decorative rather than legible — nobody reads anything from it, which is fine if the brief is "something moving behind the title".

Particles

Dots scattered and scaled by the spectrum. The least literal of the eight. Works as texture behind other elements; does not work as the main event, because there is no shape to read.

Choosing by what else is in the frame

• Lyrics or captions → Ribbon, Center, or Bars along the bottom. You need a contiguous empty region, and these give you one.
• Cover art → Circle, sized so the ring frames rather than crosses it.
• Source video underneath → Wave or Bars at low opacity. The footage is the subject; the visualizer is a signal that audio is playing.
• Nothing else → Bars, full width, and spend your effort on colour and background instead.

One thing worth trying on any of them

Beat reactive. It runs an envelope follower on the bass and scales the whole visualizer on each hit. On Bars it turns a meter into something that moves with the track; on Circle it makes the ring breathe. Keep the amount low — a little reads as musical, a lot reads as a bouncing logo.

Try the styles →