{"version":"1.0","type":"rich","title":"Mouse follower","description":"A yellow circle follows the mouse cursor across an SVG canvas using React state to track pointer position. The component listens to `onMouseMove` events on the `<svg>` element and updates the circle’s `cx` and `cy` attributes accordingly. It uses React hooks (`useState`, `useCallback`) for state management, while the `d3` library is imported for its `arc`, `line`, and `range` utilities, though only the basic SVG circle rendering is demonstrated here. The initial position is centered at 480×250.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d2bc81d3fbe44f5581e0228a3fef0c8d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}