{"version":"1.0","type":"rich","title":"Mouse Events","description":"A React application demonstrates mouse event handling by rendering a single SVG circle that follows the cursor across the viewport. The circle's position updates in real time through the `onMouseMove` event, which captures `clientX` and `clientY` coordinates and stores them in state via the `useState` hook. The `useCallback` hook optimizes the event handler. The visualization uses React 16.9 and renders directly to SVG, with the window dimensions determining the drawing area.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/024788a3a5134d4b82ca4b402d36d20f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}