Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Mouse & Touch Follow

Public visualization

Viewing a saved revision (read-only)

107e330ef3d84d2992787653b5937a9a

Mouse & Touch Follow

0 stars0🌍 Public
Zzach b.
Last edited Apr 29, 2023
Created on Apr 29, 2023

A red circle follows the mouse pointer across an SVG canvas, with its radius dynamically linked to touch contact size when interacting via touchscreen. Built with React and ReactDOM, the visualization uses state management via `useState` and `useCallback` hooks to update the circle’s position on mouse and touch events. The code imports React 16.9 from a UMD bundle and renders fully client-side, displaying the current touch radius as text while the circle responds to pointer movement.

AI-generated description

A circle follows your mouse.

Episode 14