A sample of SVG shapes—circles, rectangles, a line, and a path—demonstrates how CSS classes and inline presentation attributes control fill, stroke, and stroke-width. The graphic is authored in raw SVG within an HTML document, with a CSS external stylesheet applying custom styling to the `.lines` group and its path child. Shapes are arranged using SVG `g` elements with `transform` scaling and translation, showing static vector primitives without JavaScript or charting library.