{"version":"1.0","type":"rich","title":"Ep14 Interaction with React","description":"This example shows a single circle rendered in SVG that follows the mouse cursor across a 960 by 500 canvas. The circle’s position updates in real time based on the pointer’s client coordinates. Built with React, it uses the `useState` and `useCallback` hooks to manage and update the mouse position state. The `onMouseMove` event handler on the SVG element triggers the state change, and ReactDOM renders the circle element with dynamic `cx` and `cy` attributes.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}