{"version":"1.0","type":"rich","title":"Mouse follower, a circle","description":"A circle follows the mouse cursor across a full-screen SVG canvas, with its position updating live in response to pointer movement. The visualization demonstrates interactive React state management, where the initial mouse position is set to the center of the window. Using React's `useState` hook and an SVG `onMouseMove` event handler, the component captures `clientX` and `clientY` coordinates from the event to update the circle's `cx` and `cy` attributes. The code relies on React 16.9 and ReactDOM to render the circle element.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/4d81f8a6d1474cdc9017dd3b751067ce?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}