{"version":"1.0","type":"rich","title":"Smiley Face Part I","description":"This example builds a classic smiley face using React and D3, rendering each facial feature as a separate React component. A yellow circle with a black stroke serves as the background, while two dark circles form the eyes and an SVG path generated by the `arc()` function creates the mouth. The components are positioned using SVG transforms and reusable props, with the mouth arc using `startAngle` and `endAngle` to define its curvature. The visualization demonstrates component-based SVG composition with D3's arc generator.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/ea39f135cfaa4a4890283a7ae88ac3cb?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}