{"version":"1.0","type":"rich","title":"Smiley Face Part I","description":"A yellow, wire-framed smiley face rendered in SVG demonstrates reusable React components for composing static figures. The face uses `BackgroundCircle` for the head, `Eyes` for the pupils, and `Mouth`, which applies a d3 `arc` path generator with fixed start and end angles to draw an open-mouth shape. A `FaceContainer` wraps the SVG group, centering all elements via a translation transform. The example runs with React 17 and D3 v6, and the component props (including eye offset, radii, and stroke width) are set dynamically in the main app.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d7a39fa4e269425e95bbc0d69e477543?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}