{"version":"1.0","type":"rich","title":"Hello HTML","description":"This example shows a yellow smiley face rendered as an SVG using React and D3. It draws a yellow circle for the face, two black circles for the eyes, and a D3 `arc` path for the mouth. The component uses `ReactDOM.render` to inject the SVG into the HTML root. The `arc` API defines the mouth’s inner and outer radii and angular range, producing a half-circle that opens downward. Rendering is vector-based with fixed pixel dimensions for the 960-by-500 viewport.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/8da352c573be464c82b0c6bf08d8a06b?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}