Smiley Face Part I
A single yellow circle with a black outline forms the face, while two smaller black circles serve as eyes on a plain SVG canvas. The visualization uses native SVG elements (`circle`) with attributes for positioning, radius, fill, and stroke. The layout is computed directly from the viewport dimensions, centering the face at (480, 250) with a radius of 245, and placing each eye 50 pixels in radius at offsets from the center. This is a static, hand-coded example that does not rely on any JavaScript libraries or data binding.