Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Mouseover interaction

Public visualization

Viewing a saved revision (read-only)

5054b1e013a944f88f75c818c2fa4bd9

Mouseover interaction

0 stars2🌍 Public
HHeidi Stockton
Last edited Apr 21, 2021
Created on Apr 21, 2021

A circle follows the mouse cursor across the screen, updating its position in real time. Built with React and rendered as SVG, the component tracks pointer movement via the `onMouseMove` event handler, using React hooks `useState` and `useCallback` to manage and update the mouse coordinates. The circle’s `cx` and `cy` attributes are bound to the current mouse position, producing a direct, responsive interaction without any animation or transition logic.

AI-generated description

A program that follows your mouse with a circle