{"version":"1.0","type":"rich","title":"Smiley Face Part I","description":"A smiley face drawn with SVG shapes appears centered on a yellow circular face with black outlines. Two black eyes sit symmetrically above an arc-based mouth, all positioned within a 960×500 viewport. The example uses React to render the SVG, with D3’s `d3.arc()` generating the mouth path. Circles define the face and eyes, while a `<g>` transform offsets the elements. The code demonstrates combining React components with D3 shape generators for static geometric visualizations.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/416a135fe663445f99d00010e1e84f5a?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}