{"version":"1.0","type":"rich","title":"Ju's smiley face","description":"This example shows a cheerful, cartoon-like smiley face built entirely with SVG shapes: a yellow circle for the face, two smaller circles for eyes, and a D3 arc path for the mouth. The code uses React to compose the SVG elements declaratively, translating the origin to the canvas center to simplify positioning. It leverages the D3 `arc` method with method chaining to generate the mouth’s path geometry, calculating its inner and outer radii and angular range. The face is rendered within a 960×500 viewport, with a black stroke outlining the main circle.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/6b6e0c8a5efb4b7d9312ea879f33a09f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}