Recharts 100% Stacked Area
A 100% stacked area where every x-tick is normalised to the same height and the y-axis reads composition percentage — the focus shifts from 'how big is the total?' to 'what proportion belongs to each segment, and how is that mix changing over time?'. Recharts implements this by c
Template details
- chart
- area
- stacked
- 100-percent
- composition
- recharts
- react
When to use this template
A 100% stacked area chart is ideal for understanding how the proportional composition of a whole changes over time. It highlights the evolution of each segment's relative contribution, making it easy to spot shifts in mix even when the overall magnitude is varying significantly. Analysts use it to track trends in market share, demographic shifts, or resource allocation where the 'slice of the pie' is the primary insight.
- Time-series data with regular, sequential intervals.
- Data representing parts of a whole, summing to a total.
- Multiple categorical segments (typically 3-8 for readability).
- When segment proportions, not absolute values, are the key insight.
- Datasets where the total magnitude fluctuates significantly over time.
- Data requiring normalization to 100% for each time period.