viz.core.HitTester

class HitTester<T = unknown>

T

readonlycount(number): – Get the number of registered regions.

Hit testing manager for interactive visualizations.

Examples

const hitTester = new HitTester<{ index: number; label: string }>();

// Register regions during rendering
data.forEach((item, i) => {
  hitTester.addRegion({
    x: i * 50, y: 0, width: 40, height: 100,
    data: { index: i, label: item.label }
  });
});

// Use with InteractiveCanvas
const canvas = new InteractiveCanvas(element, {
  onClick: ({ dataX, dataY }) => {
    const hit = hitTester.hitTest(dataX, dataY);
    if (hit) console.log('Clicked:', hit.label);
  },
  onHover: (x, y, dataX, dataY) => {
    const hit = hitTester.hitTest(dataX, dataY);
    return hit ? { x, y, content: hit.label } : null;
  }
});

viz.core.HitTester

class HitTester<T = unknown>

T

readonlycount(number): – Get the number of registered regions.

Hit testing manager for interactive visualizations.

Examples

const hitTester = new HitTester<{ index: number; label: string }>();

// Register regions during rendering
data.forEach((item, i) => {
  hitTester.addRegion({
    x: i * 50, y: 0, width: 40, height: 100,
    data: { index: i, label: item.label }
  });
});

// Use with InteractiveCanvas
const canvas = new InteractiveCanvas(element, {
  onClick: ({ dataX, dataY }) => {
    const hit = hitTester.hitTest(dataX, dataY);
    if (hit) console.log('Clicked:', hit.label);
  },
  onHover: (x, y, dataX, dataY) => {
    const hit = hitTester.hitTest(dataX, dataY);
    return hit ? { x, y, content: hit.label } : null;
  }
});