SVG Fundamentals
This example demonstrates two SVG rectangles: a solid black square at the origin and a green-outlined square with no fill. The page uses hand-coded SVG elements within an HTML document, styled minimally with CSS. It serves as a bare-bones introduction to the SVG shape API, showing how width, height, x and y coordinates, fill, and stroke attributes control rendering. The code relies solely on native browser SVG support, with no JavaScript libraries or data sources involved.