This example demonstrates several fundamental SVG shapes, including circles, a line, and a path, rendered directly in an HTML document using inline SVG markup. A large blue rectangle with a thick stroke acts as a border, while some shapes are colored red and green. The page uses the SVG API to define vector graphics with explicit coordinates, such as `cx`, `cy`, `r`, and `stroke-width`, and includes commented-out SVG elements to illustrate alternative configurations. No data or JavaScript libraries are used; the visualization is purely static vector markup.