{"version":"1.0","type":"rich","title":"Mouse Follower with Smiley Face","description":"A smiley face rendered as an SVG group follows the mouse cursor across a full-screen yellow canvas. Built with React and D3, the component tracks `clientX` and `clientY` coordinates from a `mousemove` event on the `<svg>` element, updating state via `useState` and `useCallback`. The face’s head, eyes, and mouth are drawn using D3’s `arc()` generator for the mouth path, with circles for the eyes and a stroked yellow circle for the face. The group translates to the live mouse position, creating a direct, interactive visual response.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/dafc889fc2ee4887a86f4b71b5c92097?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}