{"version":"1.0","type":"rich","title":"mouse_follower","description":"This example demonstrates a yellow circle that follows the mouse cursor as it moves over an SVG canvas. The visualization uses React hooks, specifically `useState` and `useCallback`, to track the cursor’s `clientX` and `clientY` coordinates. An `onMouseMove` event handler updates the circle’s center position in real time. The rendering relies on React’s declarative JSX, with no D3 bindings, and the SVG is sized at 960 by 500 pixels, matching the viewport dimensions.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/751d1850deed4ef3b7d2128a7f6d65b5?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}