{"version":"1.0","type":"rich","title":"Mouse Follower","description":"A yellow circle follows the mouse cursor across a blank SVG canvas, tracking every movement in real time. The visualization demonstrates React state management, where mouse coordinates update the circle's position via the `useState` and `useCallback` hooks. Rendered as an SVG element, the circle's `cx` and `cy` attributes are bound to the current cursor position. The example uses React 16.9 and D3 v5, with the D3 `arc` function imported but unused, relying instead on React's event handling for interactivity.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/047ef7b108ae457abbcc7dfc9821708b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}