{"version":"1.0","type":"rich","title":"Smiley Face Part III","description":"This example renders a yellow smiley face with black-outlined circular eyes and a curved mouth using React and D3. The face is composed of reusable components—BackgroundCircle, Eyes, and Mouth—that are positioned within an SVG via a FaceContainer using a translate transform. D3’s arc generator creates the mouth path, while the face’s dimensions, eye placement, and stroke width are passed as props. The scene is static, with a fixed 960×500 SVG canvas.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/1b28b66abe4949d78b6c7bbc89979cd0?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}