{"version":"1.0","type":"rich","title":"Smiley Face Part I","description":"A reusable React component renders a yellow smiley face with black circular eyes and a curved mouth using SVG. The face is composed of separate components for the background circle, eyes, and mouth, assembled inside a centered SVG group. D3's `arc` generator creates the mouth path, while React props control dimensions like eye offset, radius, and stroke width. The example demonstrates modular component composition with D3 integration in React.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/7e27a4c4123042c295cfef14ed2204da?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}