Shapes and Colors with SVG and CSS
This example demonstrates how SVG shapes and CSS styling combine to create a static composition of circles, rectangles, lines, and paths. It shows shape attributes like fill, stroke, and stroke-width applied both directly and through CSS classes, with transforms for scaling and translation. The code uses raw SVG elements, CSS for styling the line group, and explicit attribute values for other shapes, all rendered in an HTML page with vanilla JavaScript-free markup.