This example demonstrates basic SVG shapes—circles, a rectangle, and a line—rendered in a browser. The code uses plain JavaScript and HTML to define SVG elements directly, with no external libraries. It shows how CSS properties like `fill`, `stroke`, `stroke-width`, and `opacity` are applied inline to style each shape. The static composition highlights fundamental vector graphics primitives and attribute syntax, serving as a minimal introduction to SVG rendering in web pages.