{"version":"1.0","type":"rich","title":"Smiley face part 1","description":"This example shows a simple smiling face made of three SVG circles: a large yellow head and two smaller black eyes. React renders the graphic inside a root div, while the circles themselves are drawn directly in an SVG element. The code uses React 18’s `ReactDOM.render` to mount the component, and SVG primitives like `<circle>` with attributes for position, radius, fill, and stroke. It demonstrates basic vector shapes and React’s integration with inline SVG markup.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/45ef5093ac2143558988bfaddbbcb842?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}