{"version":"1.0","type":"rich","title":"Hello HTML","description":"This example renders a simple smiley face as scalable vector graphics, composed of a yellow background circle, two black eyes, and a mouth. The face is assembled from modular React components, including `BackgroundCircle`, `Eyes`, and `Mouth`, which are grouped inside an SVG container. The mouth is generated using D3’s `arc` function to create a half-circle path, while the overall layout is positioned via SVG transforms. The visualization demonstrates a clean separation of concerns, with reusable components and D3’s geometry utilities driving the drawing.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/44f92d9e1864428a845a14f7411f36d7?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}