This example demonstrates how basic SVG shapes—circles, rectangles, lines, and paths—can be styled and grouped using CSS classes and inline attributes. It shows the use of SVG transform attributes for scaling and translation, alongside CSS rules that define stroke properties, fill colors, and line joins. The code relies on native SVG elements and CSS, without any external libraries, and renders static geometric compositions within a fixed 960×500 viewport.