{"version":"1.0","type":"rich","title":"Hello HTML","description":"This example shows a smiley face constructed from SVG primitives, with a yellow circular head, two dark eyes, and a curved mouth. The visualization is built using React 18 for component rendering and D3 7’s `arc` generator to define the mouth’s path geometry. The drawing is centered via a `translate` transform, and all shapes—circles and a path—are rendered as SVG elements within a fixed 960×500 canvas. The code demonstrates a simple, composable approach to combining React’s declarative structure with D3’s geometry utilities.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/28825980d36c495e84e4394fb92b0dfb?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}