Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Mouse follower

Public visualization

Viewing a saved revision (read-only)

8d07d314e519486091d3f1d11dff6ba3

Mouse follower

0 stars1🌍 Public
Mmatheus-sa-ferreira
Last edited Mar 16, 2021
Created on Mar 16, 2021

A React application renders an SVG circle that tracks the mouse cursor in real time. The circle's position updates via React's `useState` and `useCallback` hooks, which handle `mousemove` events on the SVG element. The example demonstrates simple interactive rendering with D3's `arc` import unused, relying instead on React's declarative state management. The visualization uses a 960x500 SVG canvas with a fixed circle radius, showing how React can manage dynamic visual updates without explicit D3 selection or transition APIs.

AI-generated description

A program that follows your mouse with a circle.