{"version":"1.0","type":"rich","title":"Hello HTML","description":"This example renders a smiley face using React components composed within an SVG canvas. It shows a yellow background circle, two black eyes, a curved mouth drawn with a d3.arc path, and a nose, all positioned relative to a 960x500 viewport. The visualization demonstrates how React manages SVG elements, with d3.arc generating the mouth and nose paths, and transformations translating shapes into place around the center point.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/536ff1bc4efe4de0a40d3732b540ec7a?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}