{"version":"1.0","type":"rich","title":"Circle following cursor","description":"A yellow circle follows the cursor's movement across an SVG canvas. The circle's position updates in real-time based on mouse coordinates captured by React's `onMouseMove` event handler. The application uses React state management through `useState` and `useCallback` to track the cursor position, while D3's `arc` function is imported but not directly utilized in the visible code. The rendering is handled entirely through React's declarative SVG elements.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/25ad658a2d1e4ffcad47e1ef2bc336e5?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}