{"version":"1.0","type":"rich","title":"Movement of circle via mouse","description":"A single circle tracks the user's mouse in real time across a full-browser SVG canvas, updating its center position on every pointer movement. Built with React, the app uses the `useState` hook to store mouse coordinates and a `useCallback` event handler for `onMouseMove`. The circle's `cx` and `cy` attributes are bound to the current state, and React re-renders the SVG element accordingly. The initial circle is positioned at the viewport center, and the circle radius is fixed at 30 pixels.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6de509e85952458492692451e46a706c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}