{"version":"1.0","type":"rich","title":"Mouse Follower","description":"A colored circle follows the cursor across an SVG canvas, updating its position in real time. The visualization demonstrates React's state management and event handling, using the `useState` and `useCallback` hooks to track mouse coordinates. The `App` component renders an SVG with a `<circle>` element, and the `handleMouseMove` callback updates the circle's `cx` and `cy` attributes via `clientX` and `clientY` events. ReactDOM renders the component into the DOM, with the circle initially centered at 960 by 500 pixels.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/64c59caaab754613b7649803ce0ecc88?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}