Shapes with SVG and CSS
This example demonstrates how SVG shapes can be styled with CSS and grouped using SVG transformation. It shows circles, rectangles, and a line, with groups of shapes translated vertically and given fill and stroke attributes. The SVG canvas dimensions are set to 960 by 500, and inline SVG elements are rendered directly in the HTML. The `g` element is used to apply transform and style changes to the grouped shapes, while the `circle`, `rect`, and `line` elements are drawn with specific coordinates and radii. The CSS file sets the body margin to zero and hides overflow.