Smiley Face Part 1
This example shows the initial steps toward drawing a smiley face, displaying a large yellow circle with a black outline and a pair of smaller black circles positioned as eyes. The static SVG graphic is created using raw Scalable Vector Graphics elements within a basic HTML document, with circle coordinates and radii set through cx, cy, and r attributes. Its style is controlled by fill, stroke, and stroke-width attributes, and the canvas is sized via width and height properties on the SVG tag. No interactivity or animation is present.