viz.core.InteractiveCanvas

class InteractiveCanvas

new InteractiveCanvas(canvas: HTMLCanvasElement, options: InteractiveCanvasOptions = {})

Interactive canvas controller for zoom/pan/tooltips/selection.

Examples

const controller = new InteractiveCanvas(canvas, {
  enableZoom: true,
  enablePan: true,
  onHover: (x, y, dataX, dataY) => ({
    x, y,
    content: `Value at (${dataX.toFixed(2)}, ${dataY.toFixed(2)})`
  }),
  onViewChange: (transform) => {
    // Re-render with new view
    renderer.render({ viewTransform: transform });
  }
});