Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Mouse Follower

Public visualization

Viewing a saved revision (read-only)

5b90c0aa3c6c4acd85fdaa00b7c0da1a

Mouse Follower

0 stars1🌍 Public
MMilena Belianovich Holtman
Last edited Oct 12, 2022
Created on Oct 12, 2022

This example shows a yellow circle with a black outline that follows the mouse cursor across an SVG canvas. On every mouse move, the circle’s center position updates to the cursor’s current coordinates. The visualization is built with React, using the `useState` hook to track the mouse position and the `useCallback` hook to handle the `onMouseMove` event, rendering the circle as an SVG `<circle>` element.

AI-generated description

A program that follows your mouse with a circle.