{"version":"1.0","type":"rich","title":"Interaction with React: Mouse follower","description":"A circle follows the mouse cursor within an SVG canvas. The example uses React's `useState` and `useCallback` to track the cursor's `clientX` and `clientY` coordinates, updating the circle's `cx` and `cy` attributes on every `onMouseMove` event. The SVG and circle are rendered directly through ReactDOM, with no D3 visualization logic, though the D3 library is loaded in the page. The interaction is purely event-driven, with the initial circle position centered at width/2, height/2.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}