{"version":"1.0","type":"rich","title":"Face moves with mouse","description":"A yellow smiley face drawn with SVG elements follows the cursor as it moves across the screen. The mouse position is tracked via React's `useState` and `useCallback` hooks in response to an `onMouseMove` event on the root `<svg>`. The face is composed of reusable React components (`BackgroundCircle`, `Eyes`, `Mouth`, `Nose`) using `d3.arc` for the mouth path. The rendering is entirely SVG-based, with the face's geometry parameterized by props passed from the parent `App` component.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/4479227689f2490589417a66083abeef?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}