This example demonstrates how to compose basic geometric shapes—circles, rectangles, lines, and a path—using SVG elements. It shows default black shapes, shapes with explicit fill colors, a group with white fills and black strokes, and a separate group styled with thick lines and rounded line joins. The rendering relies solely on SVG’s native markup within an HTML document, with CSS imported from Google Fonts controlling the layout and hiding overflow. No external JavaScript libraries are used.