{"version":"1.0","type":"rich","title":"a program that makes a circle follow a mouse pointer","description":"A React application renders a single circle that tracks the mouse pointer within an SVG canvas. The circle’s center coordinates are updated on every mouse move event using React’s `useState` and `useCallback` hooks, with the `cx` and `cy` attributes bound to the pointer’s clientX and clientY values. The SVG viewport is fixed at 960 by 500 pixels, and the circle has a radius of 60. The example demonstrates real-time, state-driven interaction between mouse events and SVG elements in a React component.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}