{"version":"1.0","type":"rich","title":"Mouse Follower","description":"A smiley face follows the mouse cursor across an SVG canvas, demonstrating how React state updates can drive dynamic D3 visualizations. The example uses React's `useState` and `useCallback` hooks to track mouse coordinates, which are captured via an `onMouseMove` event handler on the SVG element. A single yellow circle with a black stroke and two smaller eye circles are rendered, with the main circle's position updating in real-time to match the cursor. The code leverages d3.v7 for SVG utilities and React 16.9 for component-based rendering.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}