{"version":"1.0","type":"rich","title":"Smiley Pt 1","description":"A React component assembles a static smiley face from SVG primitives: a yellow circular head, two eyes, and a half-smile mouth drawn with a d3 arc path. The head and eyes use plain circle elements, while the mouth is generated via the d3-shape arc() API with specified inner and outer radii and angular extents. The composition is positioned by translating a group element to the SVG center, with all geometric values—dimensions, offsets, and radii—passed as props. The example demonstrates multi-part SVG construction in React without interactivity or data binding.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/51968ffd21944c6181be917d4f04c958?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}