{"version":"1.0","type":"rich","title":"mouse","description":"A smiley face drawn in SVG follows the mouse cursor across a yellow canvas. The React component uses the `useState` hook to track the cursor's `clientX` and `clientY` coordinates, updating a circle's `cx` and `cy` attributes through the `onMouseMove` event. A `useCallback` hook memoizes the event handler for performance. The visualization demonstrates real-time interaction within a React-rendered SVG, where the circle's position directly mirrors the user's pointer movement.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}