This example displays a set of basic geometric shapes—circles, rectangles, and a line—arranged within a static SVG viewport. It shows how SVG elements behave with different fill colors, strokes, and a group transform that applies shared styling. The code uses the SVG DOM API directly, with properties like `fill`, `stroke`, and `transform` specified inline or via a CSS class. Rendering is purely client-side through the browser’s SVG engine, with no external data source or JavaScript library involved.