This example demonstrates basic SVG shapes— circles, rectangles, and a group—positioned within a 960×500 canvas. It shows how CSS styling and SVG attributes, such as `fill`, `stroke`, and `stroke-width`, control appearance and how a `transform` attribute translates a group of shapes together. The page is a static HTML document using inline SVG elements, with a minimal external stylesheet.