{"version":"1.0","type":"rich","title":"Smiley Face Part IV","description":"This example shows a yellow smiley face with black outlines, featuring two eyes and an arc-shaped mouth, centered on a plain white background. The face is constructed from React component primitives (BackgroundCircle, Eyes, Mouth, and FaceContainer) that assemble the SVG elements. The code uses `d3.arc()` from the d3 library to generate the mouth’s path, with parameters for radius, width, and start/end angles. The overall positioning—face center, eye offsets, and stroke thickness—is configured through props passed to the main `Face` component, which renders the SVG output.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/42f4f67edf654d1cb937d49eb1fa9500?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}