{"version":"1.0","type":"rich","title":"Smiley part 1","description":"This example renders a yellow smiley face as a React component using SVG. The face is drawn with a large circle for the head and two smaller circles for eyes, all positioned relative to the window center. The code uses React 18 and ReactDOM, computing dimensions from `window.innerWidth` and `window.innerHeight`. It demonstrates basic SVG circle elements with CSS styling for layout and a “Yo” message displayed outside the SVG.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/afd5de98e94e47a6a6e861a0ac36f460?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}