Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Mouse following

Public visualization

Viewing a saved revision (read-only)

1aab64dddef7430590506ded7ba59813

Mouse following

0 stars1🌍 Public
VVishnu Jayan
Last edited Feb 23, 2022
Created on Feb 23, 2022
Forked from Smiley Face 1

A yellow circle follows the mouse cursor across an SVG canvas, updating its position in real time to mirror the pointer's coordinates. Built with React, the app uses the `useState` hook to track mouse position and the `onMouseMove` event handler on the SVG element to capture client coordinates. ReactDOM renders the circle with dynamic `cx` and `cy` attributes, while the SVG viewport is fixed at 960 by 500 pixels.

AI-generated description

Part one of face 1n using react and svg