A hand-drawn SVG smiley face demonstrates the basic structure of an HTML document with embedded Scalable Vector Graphics. The visualization uses three concentric circles to form the face, eyes, and mouth, with explicit inline styling for fill colors and stroke properties. The code relies on native SVG elements like `circle` and attributes such as `cx`, `cy`, `r`, `fill`, and `stroke-width`, without JavaScript or D3. The example serves as a minimal introduction to authoring SVG directly within HTML, highlighting coordinate positioning and shape styling in a static rendering.