{"version":"1.0","type":"rich","title":"Smiley Face Part 1","description":"This example uses React with D3 v7 to construct a classic smiley face from SVG shapes. It renders a yellow circle with a black stroke as the background, two smaller circles for eyes, and a mouth drawn using D3's `arc` generator with specified start and end angles. All elements are positioned relative to a central transform group, demonstrating how React components can encapsulate D3 shape functions for declarative visualization.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/e15d8360c490467aa292045de63992e3?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}