{"version":"1.0","type":"rich","title":"follow the mouse","description":"A React SVG renders a single black circle that follows the mouse cursor across the full browser window. The component tracks pointer position via the `onMouseMove` event, storing coordinates in state with `useState` and updating them through `useCallback`. The circle's `cx` and `cy` attributes are bound to the current mouse coordinates, redrawing on every move. This example demonstrates real-time interaction between user input and SVG elements using React's declarative rendering.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/542b0d8be56f4b4bb8e6403d5fe1f4da?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}