{"version":"1.0","type":"rich","title":"Dataviz 3 - Interaction with React","description":"A React-based SVG visualization demonstrates mouse interaction by rendering a single yellow circle that follows the cursor. The circle’s position updates on every `mousemove` event within the SVG element, using React’s `useState` hook to track coordinates and `useCallback` to optimize the handler. The app imports React and ReactDOM, renders an SVG of 960×500 pixels, and initializes the circle at the center. The code shows direct state-driven rendering without external data sources or animation libraries.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/4c0a83af5b9e41a0b1089e06b75bbede?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}