{"version":"1.0","type":"rich","title":"Mouse Follower","description":"The Mouse Follower example demonstrates real-time interactive feedback by rendering a single circle that tracks the cursor’s position across an SVG canvas. Built with React hooks (`useState`, `useCallback`), it updates the circle’s `cx` and `cy` attributes on every `mousemove` event, using D3 v7 for SVG manipulation. The visualization overlays a large yellow circle with black stroke as a static background, while the moving circle responds dynamically to pointer coordinates, highlighting coordination between React state management and D3’s SVG rendering.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/123d4ddb29604eeaad8cb1a2f54ad561?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}