Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Mouse Follower

Public visualization

Viewing a saved revision (read-only)

b593e80ebb2040cc9b0d64bb6674c170

Mouse Follower

0 stars1🌍 Public
MManick Vennimalai
Last edited Jan 19, 2022
Created on Jan 11, 2022

A circle follows the mouse as it moves across an SVG canvas, updating its position in real time. The React app uses the `useState` hook to track mouse coordinates and the `useCallback` hook to handle `mousemove` events. A CSV file containing CSS named colors is fetched via the Fetch API, though its contents are only logged to the console and not visualized. React 17 and D3 v7 are loaded from CDN, with rendering handled by React's virtual DOM.

AI-generated description

A program that follows your mouse with a circle.