Scrubber
Mini-map below stacked charts with a draggable window over a downsampled mini area path. Reads/writes ChartSyncProvider zoom.
Primitive:
ChartScrubberInteractive demo
Usage
import { ChartSyncProvider, ChartRoot, ChartScrubber } from '@ramtt/charts'
<ChartSyncProvider dataLength={fullData.length}>
<ChartRoot data={visibleSlice} height={200}>{/* … */}</ChartRoot>
<ChartScrubber data={fullData} />
</ChartSyncProvider>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| data* | readonly number[] | — | Full session dataset |
| color | string | — | Accent color for the mini area fill |
| className | string | — | Additional Tailwind classes |