This example shows a collection of flat geometric shapes—circles, rectangles, a line, and a polyline—arranged on an SVG canvas. The illustration demonstrates both default black shapes and styled variants, including a red circle, a green rectangle, and a group filled with light blue and outlined in black. It also highlights CSS class-based styling applied through a `styles.css` file, where the `.lines` class sets stroke properties. The SVG is scaled up by a factor of 1.5, and the entire composition is rendered directly in the browser without a dataset.