Smiley face part 1
This example shows a simple smiley face drawn with three circles on an SVG canvas: a large yellow circle for the head and two smaller black circles for eyes. The SVG is rendered directly in the HTML, with CSS controlling the page layout and hiding overflow. It uses the basic SVG `<circle>` element with attributes for position, radius, fill color, and stroke styling, demonstrating static graphic composition without interactive behavior.