{"version":"1.0","type":"rich","title":"Interaction with React (Mouse Follower)","description":"A circle follows the mouse cursor across an SVG canvas, updating its position in real time in response to pointer movement. The React state hook `useState` stores the current mouse coordinates, while the `onMouseMove` event handler updates that state through `setMousePosition`. The `useCallback` hook optimizes the event handler, and ReactDOM renders the component to the page. This example demonstrates how React manages interactive SVG rendering without any external data source or D3 dependency.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}