{"version":"1.0","type":"rich","title":"Mouse Follower","description":"A smiley face drawn as a simple SVG circle follows the mouse cursor across a 960-by-500 viewport. React’s `useState` hook tracks the pointer’s `clientX` and `clientY` coordinates, updating the circle’s `cx` and `cy` attributes on every `mousemove` event. The example demonstrates interactive rendering with React’s declarative state management, where the component re-renders the gold-filled circle with an orange stroke in real time. No external data source is used; the visualization relies solely on user input to drive position changes.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}