{"version":"1.0","type":"rich","title":"MouseFollower","description":"A smiling face follows the mouse cursor as it moves across an SVG canvas. The example demonstrates real-time interaction by tracking mouse coordinates and updating a circle element’s position. Built with React hooks (`useState`, `useCallback`) and D3 v6, it renders an SVG circle that responds to `onMouseMove` events. The code uses ReactDOM to mount the component and D3 for basic utility functions, though the interaction relies primarily on React’s state management for dynamic updates.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/1033f9ac758a489cb6865103ee5a8f80?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}