{"version":"1.0","type":"rich","title":"Smiley Face Part 1","description":"Two nearly identical smiley faces—each with a yellow circular head, black outline, eyes, and an arc-based mouth—are rendered side by side. The component-based React code composes `Face`, `FaceContainer`, `HeadCircle`, `Eye`, and `Mouth` components, using D3's `arc` generator to define the mouth path. SVG circles serve as the head and eyes, while the face is centered via a translated `<g>` element. The example demonstrates reusable, parameterized React components for simple data-driven graphical compositions.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/e9d6486e2b9843d4abfe76b2b6dc417f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}