Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Mouse Follower

Public visualization

Viewing a saved revision (read-only)

314421123bc442fe85983f315ad74f62

Mouse Follower

0 stars2🌍 Public
SSerind Joshua McCue
Last edited Aug 18, 2022
Created on Aug 18, 2022
Forked from SVG Fundamentals

A black circle follows the mouse cursor across a yellow SVG canvas, responding instantly to every pointer movement. The visualization uses React's `useState` hook to track the current mouse coordinates and updates the circle's `cx` and `cy` attributes on each `mousemove` event. The root SVG element captures mouse movements via React's `onMouseMove` handler, and the circle is rendered with a fixed radius and black fill, creating a simple, direct interaction between the user and the graphic.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.