{"version":"1.0","type":"rich","title":"SmileyFacePart1","description":"This example renders a yellow smiley face in an SVG canvas using React. It shows a large circular face with two smaller circles as eyes, drawn relative to the center of the 960×500 viewport. The code uses ReactDOM to mount a functional component that outputs SVG elements, setting face dimensions and eye positions via constants. The face has a yellow fill with a black stroke, and the eyes are placed symmetrically around the center using computed offsets.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/b23694f0aa1542509494326a35839a87?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}