{"version":"1.0","type":"rich","title":"Smiley Face Part I","description":"A yellow smiley face is drawn using React components that compose SVG shapes: a background circle for the head, two offset circles for eyes, and a d3.arc-generated path for the mouth. Each feature is parameterized by props like radius, eye offset, and stroke width, allowing the face to be reconfigured. The `FaceContainer` component applies a transform to center all elements, and the entire face is rendered dynamically from data-driven values in d3.v7 and React 18.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/89c2c98490fb474c9773d9a854e23f34?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}