Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Mouse Follower!

Public visualization

Mouse Follower!

0 stars0🌍 Public
EEdgar Alves
Last edited Apr 12, 2021
Created on Apr 12, 2021

A simple interactive visualization renders a single SVG circle that tracks the user's pointer across the browser viewport. The circle is drawn using React's virtual DOM, with its center coordinates updated via a `useState` hook and a mouse event handler. The app uses `window.innerWidth` and `window.innerHeight` to set the full-screen SVG dimensions. React and ReactDOM are loaded from CDN, and the component re-renders each time the mouse position changes, creating a responsive follower effect.

AI-generated description

Smiley face implementation with React.

Comments

Sign in to join the discussion.

MIT Licensed