Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Mouse Follower

Public visualization

Viewing a saved revision (read-only)

74ebbc6f2d4349e7a0e9d7d5b526f699

Mouse Follower

0 stars0🌍 Public
AAdwait Godbole
Last edited Oct 31, 2021
Created on Oct 31, 2021

A fixed radar-like SVG tracks the cursor across a 960 by 500 viewport, drawing an inner circle at the center that follows the pointer’s coordinates. Written with React 16.9 and rendered as an SVG `<circle>`, the interaction uses an `onMouseMove` event handler on the root `<svg>` element, logging `clientX` and `clientY` to the console while the yellow-outlined circle visually responds to the mouse position.

AI-generated description

A program that follows your mouse with a circle.