{"version":"1.0","type":"rich","title":"3. Mouse follower","description":"A circle follows the mouse cursor across an SVG canvas. The visualization demonstrates interactive state management in React, where mouse movement events update the circle's position. The code uses React's `useState` and `useCallback` hooks to track cursor coordinates, and renders the result as an SVG circle element. The page loads React 17, ReactDOM, and D3 v7 from a CDN, with the application contained in a single `index.js` file. The circle starts at the center of the 960x500 viewport and moves responsively to user input.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/e28ec99876d44f8a9875cc74758c40c2?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}