{"version":"1.0","type":"rich","title":"Smiley Face Part I","description":"This example shows a circular face rendered as a yellow SVG circle with a black stroke, centered on a 960×500 canvas. The code uses React 18 to define a functional component that outputs an SVG `<circle>` element, with dimensions calculated from the viewport’s center and half the stroke width. ReactDOM renders this component into the `#root` div, resulting in a simple smiley-face base without features. The rendering uses React’s JSX syntax and SVG primitives, with no additional data or interaction.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/fb83209ad7e14698993691489c8b2a76?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}