{"version":"1.0","type":"rich","title":"Smiley Face Part 1","description":"This example renders a simple yellow smiley face using React components and D3’s `arc` generator for the mouth. The face is composed of a background circle, two eyes positioned symmetrically, and a mouth drawn as a thick arc path, all centered within an SVG via a translated group. The code demonstrates reusable nested components (`FaceContainer`, `BackgroundCircle`, `Eyes`, `Mouth`) and passes numeric props like `eyeOffsetX`, `eyeRadius`, and `mouthRadius` to control the face’s geometry. The visualization is static, with no interaction or data binding beyond hardcoded dimensions.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/257d49c57705434886cf98903ad3042f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}