{"version":"1.0","type":"rich","title":"Smiley Face Part IV","description":"This example renders a yellow smiley face as an SVG using React components and D3’s `arc` API for the mouth. The face is centered on a 960×500 canvas, with a background circle (yellow fill, black stroke), two eyes positioned via offset coordinates, and a mouth generated from an arc with inner and outer radii. All shapes are drawn declaratively in JSX, with React managing the component props for radius, stroke width, and offsets, while the `g` transform handles centering. The code defines fixed dimensions and styling rather than loading external data.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/4c0093303b3c4468b048d710181b1c98?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}