{"version":"1.0","type":"rich","title":"Smiley Face Part 4","description":"This example draws a yellow smiley face with black outlines using React and D3. It positions two eyes and an arc-shaped mouth relative to a centered background circle, all rendered as SVG elements. The React component builds the graphic declaratively, while D3’s `arc` API generates the mouth path with specified inner radius, width, and angular range. The code defines fixed constants for sizing and offsets, producing a static face without interaction.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/33d9a787ce614ab2b27e7f1b31336577?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}