Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Mouse Follower

Public visualization

Viewing a saved revision (read-only)

efa5bed9eeb14d36ac66e27c10886f5c

Mouse Follower

0 stars0🌍 Public
MMarta
Last edited Feb 4, 2023
Created on Feb 4, 2023

A circular SVG marker tracks the cursor's position in real time across a full-browser canvas. The visualization uses React's `useState` and `useCallback` hooks to manage mouse coordinates, with an `onMouseMove` event handler updating a circle element centered at the pointer. Built with React 16.9 and rendered as SVG, the example demonstrates a minimal interactive pattern where the circle's `cx` and `cy` attributes are bound to the current mouse position, creating a responsive follower effect without additional data sources or complex D3 logic.

AI-generated description

Mouse follower with React & D3.