@vx/event

Installation

``
npm install --save @vx/event
`

Usage

@vx/event exports a utility localPoint that takes an SVG MouseEvent or TouchEvent as input
and returns a { x: number; y: number; } point coordinate (or null in the case the event has no
ownerSVGElement) within the coordinate system of the SVG. This makes placement of tooltips,
finding nearby datum, etc. easier.

Example:

`tsx
import { localPoint } from '@vx/event';


{...}
onMouseMove={(event: MouseEvent) => {
const point = localPoint(event) || { x: 0, y: 0 };
// use coordinates ...
}}
/>
{...}

`

You may optionally pass a reference to the SVG node

`tsx
import { useRef } from 'react';
import { localPoint } from '@vx/event';

const svgRef = useRef(null);


{...}
onMouseMove={(event: MouseEvent) => {
const point = localPoint(svgRef.current, event) || { x: 0, y: 0 };
// use coordinates ...
}}
/>
{...}

``