{"version":"1.0","type":"rich","title":"Mouse follower","description":"A circle follows the mouse cursor across an SVG canvas, updating its position in real time to mirror the user's pointer movement. The visualization uses React state management with the `useState` and `useCallback` hooks to track the cursor's client coordinates, which are then passed to the circle's `cx` and `cy` attributes. Rendered via ReactDOM, the SVG element listens for `onMouseMove` events to trigger the position updates, creating a simple interactive demonstration of dynamic component re-rendering within a React-based visualization.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/c0a0c02eb13949fda0c143366b0693f8?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}