{"version":"1.0","type":"rich","title":"Interaction with React","description":"This example shows a single circle that follows the mouse cursor across the full browser window, demonstrating real-time interaction in a React-based SVG visualization. The circle’s position updates continuously as the user moves the mouse, driven by React’s `useState` and `useCallback` hooks to store and update the cursor coordinates. It uses ReactDOM to render an SVG `<circle>` element, with `onMouseMove` handling events on the SVG root, and the initial mouse position set to the center of the viewport.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/4f175a22d2164f5d87581b7dae9aacc0?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}