{"version":"1.0","type":"rich","title":"Mouse Follower","description":"A yellow circle follows the mouse cursor across an SVG canvas. The example demonstrates real-time interaction in a React application, using state management to track the cursor's coordinates. The code builds an SVG with React's `useState` and `useCallback` hooks, updating the circle's `cx` and `cy` attributes on every `onMouseMove` event. The React component renders directly into a `div` element, with the SVG's default styling coming from D3 v5 and React 16.9.0.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/76c13a8e34554025a337dbb2e705c73f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}