This example demonstrates primitive SVG shapes—circles, rectangles, lines, and paths—styled via inline attributes and CSS classes. The code renders shapes with explicit fills and strokes, then applies grouped transformations and stroke properties through class selectors. It uses SVG elements inside an HTML page, with CSS controlling appearance through classes like `.lines`. The visualization shows basic geometric composition, scaling, and translation without external libraries, relying purely on SVG markup and linked stylesheet rules.