{"version":"1.0","type":"rich","title":"Smiley","description":"This example shows a smiley face rendered as an SVG graphic using React and D3. The face consists of a skyblue circle for the head, two smaller circles for eyes, and a mouth created with D3’s `arc` generator. The code defines constants for dimensions, positions, and radii, then uses a React component to output SVG elements. The `mouthArc` uses `d3.arc` with specified inner and outer radii and start/end angles to form the smile. The rendering approach combines React’s declarative UI structure with D3’s shape-generation API.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/131981a491f943a9848c2ff3c4ac2c1f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}