This example demonstrates how basic SVG shapes—circles and rectangles—can be styled and grouped using inline attributes, CSS, and SVG’s `g` element. It shows three sets of shapes, where the first two use individual `fill` properties and the third applies a shared `fill` and `stroke` to a group. The code directly uses SVG elements like `circle`, `rect`, and `g` within an HTML document, with external CSS defining a full-screen layout. It highlights the simplicity of SVG’s declarative structure for static vector graphics.