Recharts Line with Brush
A line chart with Recharts' built-in `<Brush>` component pinned to the bottom — the brush is a miniature overview chart with two draggable handles that control the visible window of the main chart in real time. Drag the handles inward to zoom, drag them outward to zoom out, click
Template details
- chart
- line
- brush
- zoom
- master-detail
- recharts
- react
When to use this template
This visualization helps analysts understand long-term trends and overall data shape while simultaneously enabling detailed inspection of specific time periods. It's ideal for exploring datasets with many data points where both the big picture and granular details are crucial for identifying patterns, anomalies, or shifts over time.
- Time-series data with a high number of observations (200+ points).
- Datasets requiring simultaneous overview and detailed segment analysis.
- A single primary quantitative variable measured over time.
- X-axis representing a continuous, ordered temporal dimension.
- Data where identifying both macro trends and micro fluctuations is key.
- Cadence can be daily, hourly, or irregular, as long as it's ordered.