Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Mouse follower

Public visualization

Viewing a saved revision (read-only)

fb1eea22c3a746feb7f7f9a15589a63f

Mouse follower

0 stars0🌍 Public
NNicu Calcea
Last edited May 23, 2020
Created on May 23, 2020

A React application renders a single SVG circle that continuously follows the cursor across a 960-by-500 viewport. The component tracks mouse movement via React’s `useState` and `useCallback` hooks, updating the circle’s `cx` and `cy` attributes on every `onMouseMove` event. Using the `ReactDOM` API to mount the app, the visualization demonstrates declarative state management for real-time interaction without external data sources or animation libraries.

AI-generated description

A program that follows your cursor with a circle.