Vis Graph2D Stacked Area
Stacked area chart on a time axis using Graph2d's `style:'line'` + `shaded.enabled:true` + `barChart.handleOverflow` to stack three series additively. Useful for revenue-by-segment-over-time, headcount stacks, and compositional KPIs.
Template details
- chart
- graph2d
- visjs
- vis-timeline
- area
- stacked
- composition
When to use this template
A stacked area chart effectively illustrates how the composition of a total quantity changes over time, while simultaneously showing the overall trend. Analysts use it to understand both the individual contributions of different categories and their collective impact, revealing shifts in dominance or growth patterns within a whole.
- Time-series data with a continuous or discrete time axis.
- Multiple distinct categorical series contributing to a single total.
- Values that are additive and non-negative across all series.
- Datasets where the sum of series represents a meaningful whole.
- Relatively few categories (typically 3-7) to maintain readability.
- Data collected at regular or semi-regular intervals over time.