Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Mouse Follower

Public visualization

Mouse Follower

0 stars0🌍 Public
CChris Ferenci
Last edited Apr 17, 2022
Created on Apr 17, 2022

A mouse follower rendered with React and SVG that tracks the pointer’s position in real time. The visualization shows a single black circle that moves across the 960×500 canvas as the user moves the mouse, using React’s `useState` to store the current cursor coordinates and `useCallback` to handle the `onMouseMove` event. The SVG `<circle>` updates its `cx` and `cy` attributes based on the clientX and clientY values from the event, creating a direct, lag-free response to user input.

AI-generated description

A program that follows your mouse with a circle.

Comments

Sign in to join the discussion.

MIT Licensed