{"version":"1.0","type":"rich","title":"Mouse Follower(second phase)","description":"This example renders an SVG circle that follows the mouse cursor across a 960 by 500 pixel viewport. The React component tracks pointer coordinates through an `onMouseMove` handler, storing them in state via `useState` and `useCallback`. The circle’s `cx` and `cy` attributes update reactively with each mouse movement, using React’s virtual DOM to re-render the SVG. The code imports React, ReactDOM, and D3 v7, though the interaction relies entirely on React’s event system and state management rather than D3-specific APIs.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/80899b57855d4d2cae4d74d3bb462a30?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}