Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Mouse Follower

Public visualization

Mouse Follower

0 stars0🌍 Public
MMohsin Ali
Last edited Jul 20, 2021
Created on Jul 20, 2021

A single yellow circle follows the mouse cursor across a blank 960 by 500 pixel SVG canvas. The visualization reacts instantly to pointer movement, updating the circle’s center coordinates in real time. Built with React (16.9), it uses the `useState` hook to track the cursor position and an `onMouseMove` event handler on the SVG element to trigger each update. The circle is rendered as an SVG `<circle>` element, with its `cx` and `cy` properties bound to the current mouse coordinates.

AI-generated description

A program that follow your mouse with a circle.

Comments

Sign in to join the discussion.

MIT Licensed