{"version":"1.0","type":"rich","title":"Smiley face part IV","description":"This example draws a smiling face using React and D3’s `arc` generator to create a semi-circular mouth. A yellow circle with a black stroke forms the head, two smaller circles serve as eyes, and the mouth arc spans from 90 to 270 degrees. Rendering is done with SVG inside a React component, with all shapes positioned via a central transform translation. The code explicitly uses `d3.arc` from the d3 library and React’s `ReactDOM.render` to mount the visualization.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/d9a9be56e3714a6295e4868d63055c32?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}