This example demonstrates fundamental SVG shapes—circles, rectangles, lines, and paths—positioned on a 1000x500 canvas using declarative markup. It shows how each element’s geometry and styling attributes, such as `cx`, `cy`, `r`, `fill`, `stroke`, and `stroke-width`, control appearance, including overlapping shapes like the red circle nested inside a green one. The code uses plain SVG within an HTML page, with no JavaScript libraries or frameworks, relying purely on built-in browser rendering of vector graphics.