SVG with CSS
This example shows how CSS classes and inline attributes style SVG shapes—a yellow circle, a red rectangle, and a polyline path—within a scaled group and a separate lines group. The HTML page links an external stylesheet to define stroke color, width, and line joins for the path, while the SVG element uses transform scaling. It uses no JavaScript libraries, relying purely on static SVG markup and CSS styling to demonstrate basic vector graphics rendering in a browser.