{"version":"1.0","type":"rich","title":"Smiley Face IV - React Components","description":"This example shows a yellow smiley face drawn with React components and SVG, using D3’s `arc` generator to create the mouth path. The face is composed of a background circle, two eye circles, and a mouth, all positioned within a centered `<g>` transform. The code imports `React` and `ReactDOM` directly, and initializes the arc with `d3.arc()` to define the mouth’s inner and outer radii and angular range. Rendering happens through `ReactDOM.render`, while D3 v5 handles the geometric calculations for the arc shape.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/8d1b17c8131444c88f6d4c05c6b84568?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}