Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Mouse Follower

Public visualization

Viewing a saved revision (read-only)

0d4435bd2c7c45e18099a2cbb9212c11

Mouse Follower

0 stars0🌍 Public
RRichikata
Last edited Jul 3, 2021
Created on Jul 3, 2021

A circle follows the mouse cursor across a full-screen SVG canvas. The visualization tracks pointer movement through React state, updating the circle's `cx` and `cy` attributes on every `onMouseMove` event. Built with React and ReactDOM, it renders a single `<circle>` element with a radius of 30 pixels, initially positioned at the center of the viewport. The example demonstrates a simple, responsive interaction loop where user input directly drives SVG geometry.

AI-generated description

Mouse Follower implementation with React.