{"version":"1.0","type":"rich","title":"Smiley Face Pt 1","description":"A React component composes an SVG smiley face from a yellow circle stroke, two black eyes, and a rounded mouth path. The face is centered within a fixed 960 by 500 viewport using an SVG group translation. The mouth is generated with the `d3.arc()` API, using inner and outer radii and a half-circle angle range, while the background and eyes are plain SVG circles. The code relies on React 17 and D3 v7, with all geometry defined by reusable, parameterized components.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f08dabd9e52f40ada647930467e5e396?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}