Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

MouseMoveEvent

Public visualization

Viewing a saved revision (read-only)

ae8c87a72a4849a68e80ceaf7ef307c8

MouseMoveEvent

0 stars1🌍 Public
AAlan Santos
Last edited Jun 1, 2022
Created on Jun 1, 2022

A smiley face circle follows the mouse cursor across an SVG canvas, updating its position in real time as the user moves the pointer. The React component tracks mouse coordinates through an `onMouseMove` event handler, storing them in state via `React.useState` and updating the circle's `cx` and `cy` attributes. The visualization uses React 18, D3 v7 for the SVG rendering, and demonstrates simple interactive event handling without any external data source.

AI-generated description

A bare minimum HTML page.

my smiley face