This SVG and CSS example demonstrates how basic geometric shapes—circles, rectangles, lines, and paths—can be composed and styled to create a simple graphic. The SVG markup positions shapes within a 960×500 viewport and applies a 1.5 scale transformation. CSS classes control stroke and fill properties, such as the black stroke and rounded line joins on the path. The example shows how inline SVG attributes and external stylesheets work together to render and customize vector graphics.