{"version":"1.0","type":"rich","title":"Hello HTML","description":"This example renders a simple smiley face in SVG using React and D3. The face is composed of a yellow background circle, two black eye circles, and a mouth path generated with the `arc()` function from D3. The code uses React to create the SVG elements and computes coordinates with static variables, such as `eyeOffsetX` and `eyeOffsetY`. The mouth arc is drawn with an inner and outer radius, starting and ending angles defining a half-circle shape. The visualization shows basic composition and DOM manipulation with React 17 and D3 v7.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/ee958288441f4352be8800a80b7a5405?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}