Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Mouse Follower

Public visualization

Viewing a saved revision (read-only)

9c8f7c5efbfa40c783f959dcc50c1632

Mouse Follower

0 stars2🌍 Public
SSpyros Armaos
Last edited Jan 22, 2022
Created on Jan 21, 2022

A yellow circle follows the mouse cursor within a fixed 960-by-500 SVG canvas. The React application tracks the pointer's client coordinates on the `svg` element and updates the circle's center position accordingly. The visualization uses React's `useState` and `onMouseMove` event handler, with `ReactDOM.render` to mount the component. The circle has a radius of 30 pixels and no fill color, rendering as a thin outline that trails the mouse movements across the blank white background.

AI-generated description

A program that follows your mouse with a circle.