{"version":"1.0","type":"rich","title":"Interaction with React Smiley Face Part II","description":"A yellow circle follows the cursor across a full-window SVG canvas, tracking the mouse’s on-screen position in real time. The React component uses `useState` to store mouse coordinates and an `onMouseMove` handler to update them, feeding these values to the circle’s `cx` and `cy` attributes. It relies on the ReactDOM library to render the SVG element, with the initial position centered and a fixed radius of 30 pixels.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/2a44155edf5e48bb8f0dd830b1d9aaf7?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}