{"version":"1.0","type":"rich","title":"Interaction With React","description":"A React application demonstrates mouse interaction by rendering a single circle that follows the cursor across an SVG canvas. The code uses React’s `useState` and `useCallback` hooks to track the pointer position and update the circle’s `cx` and `cy` attributes on every `mousemove` event. The circle is drawn with SVG elements, and ReactDOM renders the component into the `#root` div. No external data is loaded; the visualization simply shows real-time positional state changes.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}