{"version":"1.0","type":"rich","title":"Mouse Follower - Interaction with React","description":"A smiling yellow face rendered with React and SVG follows the mouse cursor across a full-screen canvas. The application tracks pointer movement via React's `useState` and `useCallback` hooks, updating the circle's center coordinates on every `onMouseMove` event. The face is composed of reusable React components—`Face`, `BackGroundCircle`, `Eyes`, and `Mouth`—where the mouth path is generated using the D3 `arc()` generator. All rendering uses SVG elements positioned within a `<g>` transform, demonstrating a simple interactive visualization built with React state management and D3's geometry utilities.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a2c1514f336c43dbbec3229f93da054a?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}