SVG shapes—circles, rectangles, polygons, lines, and paths—are drawn directly in an HTML document, with each shape's fill, stroke, and position set through inline presentation attributes or grouped CSS classes. The view is scaled using an SVG transform, and a duplicated set of shapes is translated horizontally to show how group-level style inheritance works; for instance, the translated group applies a yellow fill and blue stroke to all contained shapes, while a `.lineClass` group sets its stroke color and linejoin properties via an external stylesheet. No JavaScript or data files are used; the markup and CSS in `index.html` and `myStyles.css` fully determine the static composition.