{"version":"1.0","type":"rich","title":"Pointer","description":"A red circle follows the mouse cursor across an SVG canvas, with its position updating in real time via React state. The `App` component listens for `onMouseMove` events on the SVG element, using `useState` to store the pointer coordinates and `useCallback` to handle the event efficiently. The circle is rendered with `cx` and `cy` attributes derived from the cursor's `clientX` and `clientY` values, creating a direct, responsive interaction between the pointer and the visual element.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/5a4b67df6219416699fcaa9197788627?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}