{"version":"1.0","type":"rich","title":"Mouse Follower","description":"A circle follows the mouse cursor within an SVG canvas, updating its position in real time to mirror the pointer's movement. The visualization demonstrates state management and event handling in a React application, where the mouse position is tracked via the SVG's `onMouseMove` event and stored in React state. The circle is rendered as an SVG `<circle>` element, with its `cx` and `cy` attributes bound to the current mouse coordinates. The code uses React Hooks, specifically `useState` and `useCallback`, alongside D3 v5 for SVG creation, all within a React 16.9 framework.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a5a5e260133d412fbd074c968ecb7270?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}