{"version":"1.0","type":"rich","title":"Hello HTML","description":"This example displays a classic smiley face rendered as an SVG graphic within a React application, using D3 for one shape. A yellow circle forms the head, with two black circles for eyes and a D3 arc path creating the mouth, all positioned via SVG transforms. The code leverages `d3.arc()` for the mouth geometry, while React manages the component structure and renders the SVG elements directly, combining both libraries in a single visualization.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/987b1857928740eab133f63b08ec5334?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}