Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Smiley Face Part II

Public visualization

Fork of Smiley Face Part II

0 stars1🌍 Public
SShubham Pathak
Last edited Nov 30, 2021
Created on Nov 30, 2021

This interactive React application renders a single black circle that follows the mouse cursor across a 960 by 500 pixel SVG canvas. It uses the `useState` and `useCallback` hooks to track cursor coordinates from the `onMouseMove` event, updating the circle’s `cx` and `cy` attributes in real time. The visualization demonstrates a minimal, event-driven approach to direct manipulation within an SVG viewport.

AI-generated description

implement mouse movement

Comments

Sign in to join the discussion.

MIT Licensed