Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Mouse Follower

Public visualization

Mouse Follower

0 stars0🌍 Public
AAnkit-Ian-53787
Last edited Oct 20, 2021
Created on Oct 20, 2021

A yellow circle follows the mouse cursor across an SVG canvas, updating its position in real time. The React application uses the `useState` and `useCallback` hooks to track mouse coordinates from the `onMouseMove` event, then renders a single `<circle>` element whose `cx` and `cy` attributes are bound to that state. The circle starts at the canvas center and moves smoothly as the user moves the pointer, with the SVG viewport set to 960 by 500 pixels.

AI-generated description

A program that follows your mouse with a circle

Comments

Sign in to join the discussion.

MIT Licensed