This example demonstrates basic SVG shapes styled with CSS, including circles, rectangles, and a line, arranged in a static composition. The SVG markup defines elements with explicit coordinates and fill colors, while a separate stylesheet controls global layout and stroke properties. The code uses native SVG elements such as `<circle>`, `<rect>`, `<line>`, and the `<g>` grouping element with a `transform` attribute. No JavaScript libraries appear; the visualization relies solely on SVG and CSS for rendering. A line serves as a shared axis, with shapes positioned above and below it.