{"version":"1.0","type":"rich","title":"Moving the mouse around","description":"A black circle follows the mouse as it moves across an SVG canvas. The example demonstrates how to use React state to track cursor position and update a visualization in response to user interaction. The `App` component uses React's `useState` hook to store the circle's coordinates, and the `onMouseMove` event on the `<svg>` element updates that state with `event.clientX` and `event.clientY`. The circle is rendered as an SVG `<circle>` element with its `cx` and `cy` attributes bound to the state values.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a4688b45b61346e9bb5068513780ddc8?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}