Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Mouse Follower

Public visualization

Viewing a saved revision (read-only)

60c20c63a0cc43e3b8cac317d15d5044

Mouse Follower

0 stars0🌍 Public
WwiebsS
Last edited Jul 19, 2023
Created on Jul 19, 2023

A circle follows the mouse cursor across a full-screen SVG canvas. The visualization demonstrates real-time interaction by updating the circle's center coordinates to match the pointer’s position. Built with React 16.9, it uses the `useState` hook to track mouse coordinates and the `onMouseMove` event handler on the SVG element. The rendering is handled entirely through SVG, with the circle’s `cx` and `cy` attributes updated on every mouse movement.

AI-generated description

A program that follows your mouse with a circle.