{"version":"1.0","type":"rich","title":"Mouse Follower","description":"A circle follows the mouse cursor across an SVG canvas, updating its position in real time to mirror the pointer’s location. The visualization demonstrates React’s `useState` and `useCallback` hooks to manage mouse coordinates and re-render the circle on every move event. Built with React 16.9 and rendered as SVG, the component listens for `onMouseMove` on the `<svg>` element, extracting `clientX` and `clientY` to set the circle’s `cx` and `cy` attributes. The example uses no external data source, relying solely on user interaction.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/4c1211b848624921bbf001c4d6f37127?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}