{"version":"1.0","type":"rich","title":"Mouse follower","description":"A React-controlled SVG circle follows the user's mouse position across a 960×500 canvas, updating its coordinates on every `mousemove` event via the `useState` and `useCallback` hooks. The code imports `arc` from D3 v5 but does not use it, relying instead on React's synthetic event handling and direct SVG attribute updates. The circle’s center is bound to `mousePosition`, with an initial default at the canvas midpoint, and the page hides browser scrolling for a focused interactive demonstration.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f07be277d2824b48bef9e61fc371ddcd?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}