SVG Fundamentals
This example demonstrates basic SVG shapes—circles and a rectangle—positioned within a 960-by-500 viewport using fixed coordinates. The circles use blue, red, black, and green fills, while the rectangle employs an orange fill with a navy stroke and a stroke-width of 1. Rendering is achieved directly through inline SVG markup in an HTML file, with no JavaScript libraries or external dependencies. It serves as a minimal introduction to SVG fundamentals, showing how shape attributes like cx, cy, r, x, y, width, height, and fill control appearance and placement.