{"version":"1.0","type":"rich","title":"mouse follower","description":"A circle follows the mouse cursor across a full-screen SVG canvas. The example demonstrates state tracking in React: the `useState` hook holds the cursor’s x and y coordinates, while `useCallback` updates that state on every `onMouseMove` event. The circle’s `cx` and `cy` attributes are bound directly to the stored position, so it re-renders instantly. D3 is not used for drawing or data loading here; the interaction relies entirely on React and native SVG elements, with no external data source.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2c4e4243e6ee44589d055e8859ef4134?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}