This example demonstrates basic SVG rendering with overlapping circles of varying sizes and colors. It shows how SVG elements are layered, with later circles drawn on top of earlier ones, while the fill attribute controls each shape’s color. The page uses raw SVG markup embedded directly in HTML, with no external libraries or JavaScript. The code includes several circles positioned at different coordinates, with radii ranging from small to large, illustrating how SVG handles geometry and stacking order. The rendering approach relies entirely on the browser’s native SVG support.