Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Mouse Follower

Public visualization

Mouse Follower

0 stars1🌍 Public
MMartina Sladekova
Last edited Jan 17, 2022
Created on Jan 17, 2022

A circle follows the mouse cursor across an SVG canvas in this React-based visualization. The app tracks pointer coordinates using a React `onMouseMove` event handler and stores them in component state with the `useState` hook. Each mouse movement updates the circle’s `cx` and `cy` attributes, repositioning it instantly at the cursor’s location. The visualization uses React 16.9 and D3 v5 for rendering, with the SVG circle set to a fixed radius of 30 pixels. No data source is involved; the interaction is purely driven by user input.

AI-generated description

A program that follows your mouse with a circle

Comments

Sign in to join the discussion.

MIT Licensed