{"version":"1.0","type":"rich","title":"Mouse Follower","description":"This example uses React to render an SVG circle that follows the mouse cursor across the screen. The `index.js` file initializes a React state hook with the circle’s coordinates, then updates that state on every `onMouseMove` event triggered on the SVG element. The circle’s position is bound directly to the current mouse coordinates via the `cx` and `cy` attributes, with a fixed radius of 30 pixels. The visualization relies on React’s `useState` and `useCallback` hooks, along with `ReactDOM.render` to mount the component.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2e3cebe588654e38b5f51b32b5a876cb?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}