{"version":"1.0","type":"rich","title":"mouse follower","description":"A smiley face circle follows the mouse cursor across a 960×500 SVG canvas. The visualization tracks pointer movement and repositions the circle's center to match the cursor's coordinates in real time. Implemented with React's `useState` and `onMouseMove` event handler, the circle's `cx` and `cy` attributes update from the mouse's `clientX` and `clientY` values. D3's `arc` function and React's `ReactDOM.render` manage the circle's geometry and rendering, while the SVG element provides the drawing surface.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2c076fa335f0419c8ad0aa06aa33e391?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}