{"version":"1.0","type":"rich","title":"Mouse Follower (lesson 3)","description":"A single yellow circle follows the mouse cursor across an SVG canvas. The example combines React state management with D3’s selection and event handling to track pointer coordinates. It uses React’s `useState` and `useCallback` hooks to update the circle’s center position on every `mousemove` event. The rendering relies on D3 v5 and React 16.9, with the circle’s `cx` and `cy` attributes bound directly to the stored mouse position. No external data source is used; the visualization demonstrates basic interactive SVG rendering with React.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/30ea005e86b64c60a04a7631ed7c822c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}