{"version":"1.0","type":"rich","title":"Smiley Face Part I","description":"This example shows a simple smiley face rendered as an SVG composition of circles and an arc. A yellow background circle with a black stroke forms the head, two black circles serve as eyes, and a d3.arc path creates the mouth. The React components—BackgroundCircle, Eyes, Mouth, and FaceContainer—accept numeric props for position and sizing, while Face assembles them into a centered group. The code uses d3.v7 for the arc generator and React 18 for rendering, with all geometry defined by constants in index.js.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/41bc9c6fa20147f7985e74c49506ad7a?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}