{"version":"1.0","type":"rich","title":"Smiley Face Part 1","description":"This example shows a smiling face constructed from basic SVG shapes, rendered at 960 by 500 pixels with a yellow circle head, two offset black eye circles, and an arc-based mouth path. Using React for component structure and D3 v7's `arc()` generator to define the mouth’s curved geometry, the code sets the mouth’s inner radius to 0, outer radius to 100, and angles from 0 to π/2. React elements render these shapes into an SVG container, with all positions derived from computed center coordinates and fixed offsets.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/c767c6b5fcc741979cbb6ab5f9c6173d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}