{"version":"1.0","type":"rich","title":"Smiley Face Part II","description":"This example shows a yellow smiley face composed of a background circle, two eyes, and a curved mouth, all rendered as SVG elements within a React component. The face is centered in a 960×500 viewport using a `FaceContainer` that translates a group to the middle. Components receive their geometry as props: the `BackgroundCircle` sets radius and stroke width, `Eyes` place circles using offset and radius values, and `Mouth` uses the d3 `arc` generator to create a smile path with specified inner/outer radii and angle bounds. The app renders via ReactDOM with D3 v5, demonstrating reusable, parameterized SVG parts.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/46df70c2d6c144089c2dad63bab6d32b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}