SVG Fundamentals
This example demonstrates basic SVG shapes drawn directly in an HTML document without any JavaScript libraries. It shows a blue circle positioned at coordinates (100,100) with a radius of 50, and an orange rectangle starting at x=200 with a blue stroke outline. The SVG canvas is 800 pixels wide by 500 pixels high. The code uses raw SVG elements—`<circle>` and `<rect>`—with attributes for positioning (cx, cy, r, x, y) and styling (fill, stroke, stroke-width), illustrating fundamental vector graphics rendering in the browser.