A single SVG canvas displays several geometric shapes—a green circle, a blue circle with a black stroke, a red rectangle, a black line, and a yellow path with rounded joins—arranged with transforms and grouped elements. The shapes are styled using CSS classes from an external stylesheet, which set stroke properties and font sizing. The example demonstrates how SVG primitives and CSS together can create a static, styled composition without JavaScript interactions.