This example demonstrates fundamental SVG shapes—circles, rectangles, lines, and a path—arranged on a 960×500 canvas to show basic coordinate placement, fill, and stroke styling. The code uses raw inline SVG elements within an HTML page, with no external JavaScript libraries or data sources. It illustrates how attributes like `cx`, `cy`, `r`, `x`, `y`, `width`, `height`, and `d` control geometry, while `fill`, `stroke`, and `stroke-width` determine appearance. The composition includes overlapping circles, a bordered rectangle, a diagonal line, and a triangle, all rendered directly in the browser via the SVG API.