SVG Fundamentals
This example demonstrates basic SVG shape construction with a yellow smiley face drawn on a 960-by-500 canvas. It shows two filled black circles positioned as eyes and a large outlined circle forming the face, with a yellow fill and black stroke. The visualization uses raw SVG elements—`circle` tags, `fill`, `stroke`, and `stroke-width` attributes—with inline HTML styling to center the graphic. This straightforward file illustrates fundamental vector rendering without any external libraries or data sources.