This example renders a simple SVG smiley face, with two circles for eyes and a large yellow circle for the head, drawn in a 960 by 500 pixel viewport. The visualization uses raw SVG elements—`<circle>` tags—positioned via `cx` and `cy` attributes and styled with inline `fill` and `stroke` properties. It demonstrates a basic static HTML page with embedded CSS and JavaScript, highlighting how SVG shapes can be composed directly in the markup without any external libraries or data sources.