Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Mouse Tracing

Public visualization

Mouse Tracing

0 stars1🌍 Public
Ooeohomos
Last edited Mar 25, 2021
Created on Mar 25, 2021
Forked from face

A circle follows the mouse cursor across an SVG canvas, updating its position in real time as the pointer moves. The visualization demonstrates mouse tracking with React's `useState` and `useCallback` hooks to manage and update the circle's coordinates from the `onMouseMove` event. It uses React 17 to render an SVG element with a single circle, and D3 v6 is loaded but not directly used in the logic. The circle starts centered at (480, 250) with a radius of 30 pixels.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

Comments

Sign in to join the discussion.

MIT Licensed