This example demonstrates basic SVG shape primitives—circles, rectangles, lines, and a path—arranged in groups and transformed with scaling and translation. It shows how CSS classes like `.highlighted` and `.lines` apply fill and stroke styles, while a nested `<g>` uses inline `fill` and `stroke` attributes with a thick stroke-width. The rendering uses the SVG markup directly in the HTML, with no JavaScript libraries, and includes a two-segment polyline-like path.