Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Mouth Follower

Public visualization

Viewing a saved revision (read-only)

420cffd1e47d4cdf8cf7d30e24f15097

Mouth Follower

0 stars1🌍 Public
Aahora
Last edited Jul 22, 2022
Created on Jul 22, 2022
Forked from Smiley Face

A circle follows the mouse cursor across a full-screen SVG canvas. The visualization demonstrates real-time interaction, mapping the pointer’s client coordinates to the circle’s center position. Built with React and D3, it uses the `useState` hook to track mouse movement and the `onMouseMove` event on the SVG element to update the circle’s `cx` and `cy` attributes dynamically. The rendering relies on ReactDOM to draw the SVG circle, with the D3 `range` import unused in this minimal example.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.