Zoom handler

Renderless interaction layer — attaches wheel / pinch / drag listeners to the parent ChartRoot SVG and updates ChartSyncProvider zoom state.

Primitive: ChartZoomHandler

Interactive demo

Usage

import { ChartSyncProvider, ChartRoot, ChartZoomHandler, BrushOverlay } from '@ramtt/charts'

<ChartSyncProvider dataLength={data.length}>
  <ChartRoot data={data} height={200}>
    <ChartZoomHandler />
  </ChartRoot>
  <BrushOverlay />
</ChartSyncProvider>