{"version":"1.0","type":"rich","title":"Excited face","description":"A smiling face is drawn as a centered yellow circle with a black outline, white-ringed eyes, and a white mouth arc. The example demonstrates how to build static SVG graphics declaratively with React components while using D3’s `arc` generator to compute the curved mouth path. The face is positioned via a `translate` transform, with all dimensions and offsets defined as constants. The code renders directly to SVG elements inside a React `<g>` group, combining D3’s shape calculations with React’s component model.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/fb90c9b48f7c4d5bb462c5a531d4cb39?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}