{"version":"1.0","type":"rich","title":"Smiley Face","description":"A yellow smiley face rendered as a React SVG component scales to fill the browser window. The code defines circle elements for the head, eyes, and mouth using fixed offsets and radii, with the face centered via a transform. ReactDOM renders the SVG tree to the page, using hard-coded numeric values instead of external data. The example demonstrates declarative SVG composition within React’s rendering pipeline.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/0ddebcd625f24201a008ba8d73892892?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}