This example demonstrates how to compose basic geometric shapes—circles, lines, paths, and rectangles—within a single SVG canvas. The code uses React and SVG elements with inline styling and CSS classes applied via the `styles.css` file. It shows how CSS can selectively style SVG groups, such as applying stroke properties to the `.rect` class, while other shapes rely on direct presentation attributes. The visualization presents a static arrangement of colored shapes and lines without interactive behaviors.