Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

interaction_3

Public visualization

interaction_3

0 stars0🌍 Public
Ssrividyap03
Last edited May 8, 2023
Created on May 8, 2023

A full-screen SVG circle follows the mouse cursor in real time. The visualization demonstrates basic pointer tracking within a D3.js v7 application, where the circle updates its `cx` and `cy` attributes directly on every `mousemove` event. The code selects an SVG container from a `#app` div, appends a circle with a fixed radius of 50 pixels, and binds the event listener using D3's `selection.on` method. The body has no margins and hides overflow, ensuring the circle moves across the entire viewport without scrollbars.

AI-generated description

A circle that follows the mouse.

Comments

Sign in to join the discussion.

MIT Licensed