{"version":"1.0","type":"rich","title":"Smile Face","description":"This example renders a simple smiley face as an SVG graphic using React and D3 v7. It draws a yellow circle for the head, two black circles for the eyes, and a curved mouth path generated with D3’s `arc()` function. The face is centered by translating a `<g>` element to the middle of a 960×500 viewport, with eye offsets and radii defined as constants. The code uses ReactDOM.render to mount the component and leverages D3’s arc generator to create the mouth’s full circular arc.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/047ef90ba945422eafe80ea6e29075d2?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}