{"version":"1.0","type":"rich","title":"Mouse follower","description":"A smiley face drawn with SVG circles follows the cursor inside a 960 by 500 canvas. The React component tracks mouse movements via an `onMouseMove` handler, updating state to reposition a single circle. While the static markup comments include a complete face, the active code renders only the follower circle using React's `useState` and `useCallback`. The example demonstrates combining React's declarative updates with D3's SVG scene graph for interactive visualizations.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/24112b80fb734d51a98b3ba9def6c8db?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}