Shapes with svg and css
This example demonstrates basic shape drawing with SVG and CSS, showing how circles, rectangles, lines, and paths are rendered and styled on an HTML page. It illustrates the differences between default black fill and explicit fill attributes, including solid colors and RGB values, while also grouping shapes with the `<g>` element to apply shared styling like fill and stroke to multiple objects. The visualization uses raw SVG markup within an HTML document, with a linked stylesheet defining page-level layout. The code showcases CSS margin and overflow properties, though the `.highlighted` class remains unused in the current markup.