SVG Fundamentals
This example demonstrates fundamental SVG shapes rendered directly in a web page, including circles, lines, and paths. The code uses the native SVG API within an HTML document, specifying geometric attributes such as center coordinates, radii, stroke widths, and path data. Circles appear in red, green, blue, and a default black fill, while a navy line and a curved path showcase stroke styling. A commented-out rectangle illustrates optional shape definitions. The rendering relies purely on SVG elements without any external libraries, making it a static, code-driven visualization. The page uses SVG's declarative syntax to define each shape's position and appearance.