{"version":"1.0","type":"rich","title":"Mouse Follower","description":"A React-controlled SVG circle follows the mouse cursor across a fixed 960×500 viewport. Mouse coordinates are captured by the SVG’s `onMouseMove` event, processed via a `useCallback` hook, and stored in React state with `useState`. Each movement updates the circle’s `cx` and `cy` attributes, causing a re-render. The example demonstrates direct state-driven SVG updates without D3-specific interaction APIs, relying solely on React’s event handling and DOM reconciliation.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a7f183c97a3b451b9fc8937c7b6823db?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}