{"version":"1.0","type":"rich","title":"Smiley Face Part 1","description":"This example renders a yellow smiley face in an SVG canvas using React and D3. It draws three circles for the face and eyes, plus a D3 `arc` path for the mouth, all centered on a translated group. The code uses ReactDOM to inject the markup into the page, with D3’s `arc()` API generating the mouth geometry and static dimensions defining the layout. The result is a simple, hard-coded illustration without interactivity.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/869dd6b0b10a40b8be75c73283ff8c53?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}