This example demonstrates a static collection of SVG shapes—circles, rectangles, lines, and a polyline—styled with Cascading Style Sheets (CSS) and inline attributes. It shows how grouped elements can share fill and stroke properties, while individual shapes can override fill colors like red and green. The rendering uses native SVG elements within an HTML document, with CSS classes controlling stroke width, color, and connection styling. No JavaScript libraries are used; the visualization relies solely on standard SVG markup and CSS rules to define its visual appearance.