{"version":"1.0","type":"rich","title":"Smiley Face Part III","description":"This example shows a modular, parameterized smiley face drawn with React and SVG. A yellow circle forms the head, with two black eyes and a curved mouth generated from a D3 arc path. The code builds the face from reusable components like `BackgroundCircle`, `Eyes`, and `Mouth`, composed inside a `FaceContainer` that handles the SVG viewport and coordinate translation. The `Mouth` component uses D3’s `arc` API to create a semicircular path, while the overall face dimensions and feature placements are controlled via props passed to the `Face` component.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/bd7f0f1b14d5405cb4aa4980bcea37bc?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}