Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Mouse Follower

Public visualization

Mouse Follower

0 stars1🌍 Public
MMGamboa
Last edited Apr 28, 2021
Created on Apr 28, 2021

A React application renders a blank SVG canvas that follows the mouse cursor with a single black circle. The circle’s position updates on every mouse movement through React’s state management, using the `onMouseMove` event handler to capture `clientX` and `clientY` coordinates. The component re-renders to reposition the circle via the `setState` method, while the SVG viewport remains fixed at 960 by 500 pixels. This example demonstrates interactive state-driven updates in React with SVG elements.

AI-generated description

A program that follows your mouse with a circle

Comments

Sign in to join the discussion.

MIT Licensed