{"version":"1.0","type":"rich","title":"pointer moving","description":"A yellow circle tracks the mouse pointer across an SVG canvas, updating its position in real time as the user moves the cursor. The visualization uses React state management with the `useState` and `useCallback` hooks to capture mouse coordinates via the SVG `onMouseMove` event. The circle’s `cx` and `cy` attributes are bound to the current mouse position, and it is rendered at a fixed radius of 30 pixels. The code initializes the circle at the center of a 960 by 500 viewport. No external data source is involved; the interaction is purely mouse-driven.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/e531c856a8ea42c3872c938d46b959c4?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}