This example shows how to draw basic shapes—circles, rectangles, lines, and paths—using raw SVG elements positioned within a single grouped coordinate space. It demonstrates that SVG styling can come from presentation attributes, inline CSS properties, or a stylesheet, with the CSS file also controlling overall page layout and stroke characteristics like line joins. The code uses no JavaScript libraries; it relies solely on the SVG API and a linked CSS file to define shape appearance, including a scaled group and translated sub-groups for spatial arrangement.