{"version":"1.0","type":"rich","title":"Smiley Face Part II","description":"This example shows a yellow smiley face rendered as an SVG that scales to fill the browser window. A React component uses JSX to draw three circles: a large face with a black stroke, and two smaller eyes positioned symmetrically around the center. The code relies on React’s `ReactDOM.render` to mount the component, with dimensions derived from `window.innerWidth` and `window.innerHeight`. All positioning is handled through SVG `circle` elements and a `g` transform, using plain numeric constants for offsets and radii.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/917bbc9949e840a3baec2b1ed189e6c7?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}