{"version":"1.0","type":"rich","title":"React 1. Try","description":"A React application renders an interactive SVG circle that follows the mouse cursor across a 960x500 canvas. The circle changes color between blue and red on click, and expands by 20 pixels when hovered over. Using React's `useState` and `useCallback` hooks, the component updates the circle's position, fill, and radius based on mouse events. The visualization demonstrates React's declarative rendering with SVG, loading React 16.9.0 from a CDN and drawing the circle via JSX within an `<svg>` element.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f8b134a5531545f69c23a152263f61cb?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}