{"version":"1.0","type":"rich","title":"Smiley","description":"A yellow circle with a black outline forms a smiley face, flanked by two dark eye circles and a half-circle mouth arc drawn with a thick stroke. Built with React and the D3 arc generator, the SVG composition centers the face at the viewport’s midpoint, using D3’s `arc()` to define the mouth’s radius and angles. The example demonstrates translating D3 geometry into a React-rendered SVG via JSX, with fixed numeric dimensions.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f077ba80e24e43fb97cb0bb94509f340?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}