This example shows a simple yellow smiley face built with SVG shapes: a large outlined circle for the head, a smaller circle for an eye, and a tiny circle as a detail. The face is centered in a 960-by-500 viewport using fixed coordinates. The code directly uses SVG elements like `circle` with attributes for position, radius, and stroke, and relies on inline CSS to hide page overflow. It is a static, hand-coded composition with no JavaScript libraries or data binding.