CanvasMeter - Canvas 2D High Performance Meter

[>] Vertical Presets (track, hw-io, broadcast, lufs)

Waiting for animation...

[>] Horizontal Preset (compact)

[>] Performance Test (128 track meters)

Click to start performance test

[>] Usage Example

// Create meter with preset

const meter = new CanvasMeter(container, 'track');

// Update values from WebSocket (all dB, pre-calculated by backend)

meter.setValues({ peak: -12.5, rms: -18.2, clip: false });

// Paint (called by centralized RAF loop)

meter.paint();

// Available presets

track | compact | hw-io | broadcast | lufs