{"version":"1.0","type":"rich","title":"Mouse follower","description":"This example demonstrates a mouse-follower visualization: a circle that tracks the cursor’s position across an SVG canvas. The circle moves continuously as the user moves the mouse, with its center coordinates updated from the event’s `clientX` and `clientY` values. The implementation uses React’s `useState` and `useCallback` hooks to manage and update the mouse position, while the `<svg>` element’s `onMouseMove` handler triggers the state change. The rendering is done via SVG, with a single `<circle>` element whose `cx` and `cy` attributes are bound to the current position. D3 is loaded but not used for interaction or data processing.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/648c2dee33114b50ab0db5b93b4cde21?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}