Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

FMouse follower

Public visualization

Viewing a saved revision (read-only)

f9f71f2954a94ff89c52d2bb4dc4b382

FMouse follower

0 stars1🌍 Public
BbeauMarko
Last edited Oct 12, 2021
Created on Oct 12, 2021

A single gray circle tracks the user's mouse in real time, filling the browser window with an interactive SVG canvas. The React application uses the `useState` and `useCallback` hooks to manage and update the mouse's screen coordinates on every `mousemove` event, rendering the circle's `cx` and `cy` attributes accordingly. Built with React 16.9 and ReactDOM, the example demonstrates a minimal state-driven visualization loop without any external data source.

AI-generated description

A program that follows your mouth with a circle.