AudioScale
A unified scale component with tick marks and dB labels for faders and meters. Supports audio taper positioning and special highlighting for unity (0 dB) and clipping zones.
Basic Vertical Scale
Default dB scale from -96 to +6 dB with audio taper.
With Fader
Scale positioned next to a fader for visual reference.
With Meter
Scale positioned next to a meter for level reference.
Tick Side
Ticks can be positioned on either side.
Highlight Zones
Unity (0 dB) and clipping zones can be highlighted.
Taper vs Linear
Compare audio taper positioning vs linear scale.
Audio taper places 0 dB (unity gain) at 75% height, compressing low dB values and expanding the useful -24 to +6 dB range. Linear spreads values evenly.
Custom Ticks
Define your own tick marks and labels.
Show/Hide Labels
Labels can be hidden to show only tick marks.
Different Lengths
Scale can be any length to match your UI needs.
Horizontal Orientation
Scale can be horizontal for pan controls or horizontal meters.
Mixer Strip Example
A typical mixer channel strip with fader, meter, and scale.
Props Reference
AudioScale configuration options.
Range
- minDb / min - Minimum value (default: -96)
- maxDb / max - Maximum value (default: +6)
Display
- length - Height (vertical) or width (horizontal) in pixels
- orientation - "vertical" or "horizontal"
- tickSide - Position of ticks (left/right or top/bottom)
- showLabels - Show text labels on major ticks
Behavior
- useTaper - Use audio taper (logarithmic) positioning
- highlightZones - Highlight unity (0 dB) and clipping zones
Custom Ticks
- ticks - Array of { value, label, major } objects