This example demonstrates basic SVG shapes—circles, rectangles, lines, and a path—styled with inline attributes and CSS. Hardcoded shape properties like fill color and stroke are set directly in the markup, while the `.lines` class applies black strokes and ten-pixel widths, with the path receiving a teal stroke and rounded line joins. A scale transform enlarges the entire group, and a nested translation repositions the second set of shapes. No external libraries are used; the visualization relies solely on native SVG elements and a linked stylesheet.