{"version":"1.0","type":"rich","title":"Smiley Face Part 1","description":"This example renders a classic smiley face using React and D3, drawing a yellow circle with black outline, two eyes, and an arc-shaped mouth on an SVG canvas. The face is centered using a translated group element, with fixed pixel offsets for the eyes and D3’s `arc()` generator defining the mouth’s inner and outer radii and angles. Hard-coded dimensions and stroke widths position every shape, demonstrating a static, declarative composition without data input. The code uses React’s JSX syntax and the `arc` API from D3 v5.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/c373fdceb26a40f2b717b2034604bd8c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}