Vega-Lite Area with Gradient
A single-series filled area chart with a vertical gradient that fades from saturated brand colour at the top to nearly-transparent at the baseline — the signature 'app dashboard hero' visual. Vega-Lite's `mark: 'area'` accepts a `color: { gradient: 'linear', stops: [...] }` confi
Template details
- chart
- area
- gradient
- time-series
- vega
- vega-lite
When to use this template
This visualization effectively highlights the overall trend and magnitude of a single quantitative metric over a continuous dimension, typically time. Analysts use it to quickly grasp the general direction and significant shifts in a key performance indicator, making it ideal for dashboard overviews or executive summaries where a smooth, impactful representation of progress or decline is desired. It emphasizes the "big picture" without focusing on individual data points.
- Single quantitative measure tracked over time or a continuous ordinal dimension.
- Datasets with a clear chronological or sequential progression.
- Data where overall magnitude and trend are more critical than precise point values.
- Time-series data with regular or irregular cadences.
- Quantitative values that are non-negative, suitable for an area fill.
- Data requiring a visually impactful, high-level summary.