Wave Filled
Real-time waveform display with gradient fill. Shows audio amplitude over time with a solid, professional look. The filled area gives visual weight and shows signal density.
Overview
| Property | Value |
|---|---|
| ID | 4 |
| Category | Time Domain |
| Best For | Utility, Tape, Lo-Fi, Delay |
| Aspect Ratio | Wide (6×3 minimum) |
What It Shows
Audio amplitude over time - the actual shape of the sound wave. Filled gradient shows the waveform with visual weight. Great for seeing transients, sustain, and overall signal shape.
Best Plugin Types
✅ Recommended for:
- Utility plugins - General signal monitoring
- Tape emulations - Shows saturation/compression
- Lo-Fi effects - Matches vintage aesthetic
- Samplers - Display sample playback
- Recorders - Visual feedback
- Delay effects - Show wet/delayed signal
❌ Not recommended for:
- EQ plugins - Frequency display more useful
- Multiband processors - Need frequency info
Color Mapping
| Color Property | What It Controls |
|---|---|
bodyColor | Background color |
trackColor | Waveform line color |
activeColor | Fill gradient color |
Color Tips
- Warm fill colors for tape/vintage plugins
- Cool colors for digital/modern feel
- Lower fill opacity for subtler look
Configuration Options
Fill Opacity
- Range: 0-1
- Default: 0.5
- Tip: Lower (0.3-0.4) for subtle background element, higher (0.7-0.9) for prominent display.
Line Thickness
- Range: 1-4 pixels
- Default: 2
- Tip: Thicker lines are easier to see but less precise.
Sizing
| Size | Dimensions | Use Case |
|---|---|---|
| Minimum | 6×3 | Compact |
| Standard | 8×4 | Most plugins |
| Wide | 10×4 | Detailed view |
Always use wide aspect ratio - waveforms need horizontal space.
Example Uses
- Tape emulation - Show how saturation affects waveform
- Delay plugin - Display the wet/echo signal
- Lo-Fi processor - Matches vintage aesthetic
- Transient shaper - Show attack/sustain changes
- Sample player - Display sample being played
Design Tips
- Warm colors for tape - Orange/amber fill feels analog
- Show before/after - Two waveforms show processing effect
- Position at top or center - Natural reading position
- Don’t make too tall - Waveforms are naturally wide
Comparing Wet/Dry
For effects plugins, consider showing:
- Input waveform (dry)
- Output waveform (wet)
- Helps users see the effect visually
Similar Visualizers
- Wave Line - Outline only, more minimal
- Scope Grid - Technical oscilloscope style
- Scope Glow - Vintage phosphor style