{"version":"1.0","type":"rich","title":"Fork of Hello HTML","description":"This example renders a smiling face composed of basic SVG shapes using React and D3.js. It shows a yellow circle for the head, two black circular eyes, an arc-based mouth, and two smaller arcs for cheeks, all positioned around the center of a 960×500 viewport. The code uses React for component structure and JSX, while D3’s `arc()` helper generates the path data for the mouth and cheek arcs. SVG attributes like `cx`, `cy`, and `r` define geometry, with transforms handling rotation and translation for the cheek elements.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/149cb2eff3a34b7594215087d74e3545?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}