Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Mouse Follower

Public visualization

Viewing a saved revision (read-only)

b498b133d71145f29b7e6bde850f7e4f

Mouse Follower

0 stars1🌍 Public
Aavcwisesa
Last edited Mar 11, 2021
Created on Mar 11, 2021

A black circle follows the mouse cursor across an SVG canvas. The visualization uses React state to track the cursor's position and updates the circle's center coordinates in real time. The code leverages React hooks like `useState` and `useCallback`, with the `arc` function imported from d3, though only a standard `circle` element is rendered. The SVG's `onMouseMove` handler drives the interaction, displaying a simple, responsive pointer-tracking effect.

AI-generated description

A circle that follows your mouse.