{"version":"1.0","type":"rich","title":"Mouse Follower","description":"A reactive SVG smiley face follows the pointer across the browser viewport, using React state and event handling to update its position. The code defines a single circle element that tracks the mouse's client coordinates within an SVG canvas sized to the window dimensions. React’s `useState` and `useCallback` manage the updated position, while `ReactDOM.render` mounts the component. The example demonstrates basic interactive SVG visualization with React, where the graphic responds directly to user input.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/3b32bc4972a1497181e36767f9fa92b6?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}