Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Mouse follower

Public visualization

Viewing a saved revision (read-only)

4fd59e860c6349d8863691be078a146c

Mouse follower

0 stars1🌍 Public
Jjoneftali
Last edited Sep 1, 2023
Created on Aug 25, 2023
Forked from Smiley Face Part 1

A circle follows the mouse cursor across an SVG canvas, creating a simple interactive visual response. The React application tracks cursor position through an `onMouseMove` event handler, updating state via the `useState` and `useCallback` hooks, and renders the circle using D3 v7 within an SVG element. The circle’s center coordinates are dynamically bound to the latest mouse position, with a fixed radius of 30 pixels.

AI-generated description

A program that follows your mouse with a circle.