{"version":"1.0","type":"rich","title":"smiley face","description":"This example shows a simple, stylized smiley face rendered as an SVG graphic using React components. The face consists of a yellow circular background with a black stroke, two black eye circles positioned symmetrically, and a curved mouth created with a D3 arc generator. The code imports `arc` from D3 v5 to define the mouth’s path, while React components like `FaceContainer`, `BackgroundCircle`, `Eyes`, and `Mouth` assemble the visual elements. All shapes are drawn declaratively with SVG elements, and the face is centered within a 960 by 500 pixel viewport.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/fa808bdc4f09420580fa680d88c31885?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}