Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Mouse Follower

Public visualization

Viewing a saved revision (read-only)

0844488b458649e7901ea90ed7c50ae5

Mouse Follower

0 stars0🌍 Public
VVaishnavi Muthukrishnan
Last edited Jan 11, 2022
Created on Jan 11, 2022

A single circle follows the mouse cursor across an SVG canvas. The React component tracks pointer movement through the `onMouseMove` handler and updates the circle's `cx` and `cy` attributes in state. The visualization uses React `useState` and `useCallback` for state management, with the SVG rendered directly by React. No external data source is involved; the interaction relies purely on mouse event handling within the React and D3-powered environment.

AI-generated description

A program to follow mouse with circle