{"version":"1.0","type":"rich","title":"smily","description":"A yellow circle with a black outline forms a smiley face, featuring two solid black eyes and a half-circle mouth that appears as a filled arc. The example demonstrates basic SVG drawing with React by using D3’s `arc()` generator to create the mouth path, while circles are rendered directly as SVG elements. The layout centers the face using a translated `<g>` group, with fixed coordinates for the eyes and mouth radius, all within a 960×500 viewport.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/e1ede2e7d02f41b29dd72ed83c9a2286?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}