Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Mouse Tracking

Public visualization

Viewing a saved revision (read-only)

5688480301344e63b0ec6f3f66c1cad7

Mouse Tracking

0 stars0🌍 Public
Mmerrickhaigler
Last edited Aug 2, 2021
Created on Aug 2, 2021

A circle follows the mouse cursor across an SVG canvas, with its position updating in real time as the pointer moves. The visualization uses React’s `useState` and `useCallback` hooks to track `clientX` and `clientY` coordinates from the `onMouseMove` event, rendering a single `<circle>` element via ReactDOM. D3 is loaded but not directly invoked; the rendering relies solely on SVG and React state management.

AI-generated description

a program that follorws your mouse with a circle