{"version":"1.0","type":"rich","title":"Making a Smiley Face with CSS","description":"This example illustrates the classic \"hello world\" of graphics programming: a yellow circle adorned with two smaller black circles to form a smiley face, rendered as an inline SVG. The page uses plain HTML and JavaScript, with CSS setting the body margin to zero and hiding overflow. The visual is constructed entirely from three `<circle>` elements whose positions, radii, and colors are hardcoded within the SVG tags, demonstrating basic SVG markup. A console statement logs a greeting, hinting at future JavaScript interactions.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/576519da26b548f28bf36d7f8088a7d6?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}