{"version":"1.0","type":"rich","title":"Smile face","description":"This example renders a yellow smiley face in an SVG using React and D3. The face is composed of a background circle, two eyes, and a mouth, all positioned relative to a center point. The mouth path is generated with the D3 `arc()` function, which creates a curved shape based on specified radii and angles. The React components structure the SVG elements, while D3 handles the geometric calculations for the mouth's arc. The illustration demonstrates a simple, modular approach to building shapes with reusable React components.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/94f5fa1eea3b4ad79dde0abb60957006?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}