{"version":"1.0","type":"rich","title":"Smily face","description":"A single yellow circle with a black outline renders as a simplified smiley face on a blank canvas. The example demonstrates how to draw basic SVG shapes using React, creating a static vector graphic with a fixed 960x500 viewport. The code imports React and ReactDOM from the React 17 UMD build and uses JSX to declare a circle element with specified radius, center coordinates, fill color, and stroke properties. No interactive behavior or animation is present, as the component returns only one static SVG element.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/5ab5445414924ee98d7f2543d3da8528?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}