{"version":"1.0","type":"rich","title":"Smiley I","description":"A static yellow smiley face rendered as an SVG, with two black circular eyes positioned on a 960×500 canvas against a blank background. The example demonstrates the initial steps of building a face, showing only the head and eyes without a mouth. It uses React 18’s `createRoot` to mount a trivial `Hello, JSX!` component, while the SVG is defined directly in the HTML. The source code includes commented calculations for eye placement using center coordinates and offsets.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/99b7f4b5ef9c4e7d93ea2f371db3c2d5?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}