Recharts Composed Bar + Line + Area
The fully-loaded composed chart — three series of three different chart types stacked on the same cartesian axes: a translucent area showing the historical baseline, columns showing the current-period value at each x-tick, and a smooth line marking the weekly target. Recharts' `<
Template details
- chart
- composed
- bar
- line
- area
- showcase
- recharts
- react
When to use this template
This visualization makes it obvious how a current value compares against both a historical context and a future target or goal. An analyst would reach for it when they need to simultaneously track performance, understand it relative to a baseline, and assess progress towards a specific objective, all within a single frame.
- Three distinct quantitative series requiring comparison.
- Time-series or ordered categorical x-axis.
- Metrics with different analytical roles (e.g., actual, baseline, target).
- Shared quantitative y-axis for direct comparison.
- Data where each series benefits from a specific visual idiom.
- Need to quickly assess performance against multiple benchmarks.