Multi-series chart used across the Session detail Overview, Charts
filmstrip, and Compare overlay screens. Wraps Recharts'
<ComposedChart> so individual series can be a mix of lines and
filled areas, optionally bound to a right-side y-axis.
Shared cursor: pass the same syncId to multiple charts on the
page; Recharts will keep their hover position in lockstep without
any extra wiring.
Brushing: pass xRange as [from, to] data-index pair to show a
zoomed window. The companion Brush component (CLAUDE.md TODO §B.8)
owns the selection UI.
Multi-series chart used across the Session detail Overview, Charts filmstrip, and Compare overlay screens. Wraps Recharts'
<ComposedChart>so individual series can be a mix of lines and filled areas, optionally bound to a right-side y-axis.Shared cursor: pass the same
syncIdto multiple charts on the page; Recharts will keep their hover position in lockstep without any extra wiring.Brushing: pass
xRangeas[from, to]data-index pair to show a zoomed window. The companionBrushcomponent (CLAUDE.md TODO §B.8) owns the selection UI.