{"version":"1.0","type":"rich","title":"Fork of A Smiley Face","description":"A smiley face is displayed as a yellow circle with black outline, two eyes, and a curved mouth, all centered in an SVG canvas. The visualization demonstrates how React components encapsulate parts of a D3 graphic: `BackgroundCircle`, `Eyes`, and `Mouth` are separate functional components. The mouth uses the `d3.arc()` API with start and end angles to create a half-circle path. React 18 renders the SVG, with D3 v7 providing the arc generator. All elements are repositioned via a single SVG `g` transform.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/025786c9753d406f9cf2b64cdaa4ac72?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}