Standard Breakdown

Clean vertical gradient with sections

Default configuration with headers, labels, and tooltip

Striped Patterns

Diagonal stripes for visual distinction

Use pattern: 'striped' on individual segments

Glow Effect

Soft ambient glow for depth

glow_intensity: 0.5 adds soft color-matched glow

Inner Labels

Labels inside segments when space allows

show_inner_labels: true displays text inside wide segments

Diagonal Gradient

Dynamic diagonal color gradient

gradient_mode: 'diagonal' for dynamic light effect

Highlighted Segment

Pulsing animation draws attention

Set highlight: true on segments for animated pulse

Mixed Patterns

Dotted and crosshatch patterns

pattern: 'striped', 'dotted', or 'crosshatch'

Light Borders

Subtle segment separation

segment_border: 'light' with flat gradient_mode: 'none'

Three Sections

Multiple section comparison

Three sections with glow and tighter gap

Compact Bar Only

Minimal inline usage

Pill-style bar (radius = height/2) with glow