{"version":"1.0","type":"rich","title":"mouse follower","description":"This example shows an interactive smiley face rendered as a circle that follows the mouse pointer across an SVG canvas. The circle’s center coordinates update in real-time based on the pointer’s position within the viewport. Built with React and D3 v7, the app uses React state and the `onMouseMove` event handler to track the pointer, while the SVG `<circle>` element is updated via React’s declarative rendering. The mouse position is captured from `clientX` and `clientY` properties, with the initial position set to the canvas center.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d3ad2f98f60148baaaddf5d40ac6f911?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}