SVG Fundamentals
This example demonstrates basic SVG shapes—two circles and a rectangle—positioned on a 960-by-500 canvas. It shows how to set geometric attributes like cx, cy, r, x, y, width, and height, alongside fill and stroke styling. The code uses raw SVG elements within an HTML page, with colors such as green, red, yellow, and navy applied directly in the markup. No external libraries or JavaScript logic are involved, making it a minimal introduction to vector graphics rendering.