Shapes with SVG and CSS
This example shows a collection of basic SVG shapes—circles, rectangles, lines, and a path—arranged in a 960×500 canvas. It illustrates how inline `fill` and `stroke` attributes override CSS rules, while a `<g>` group applies a shared cyan fill and black stroke to its children. The rendering relies on raw SVG markup within the HTML file, styled by an external stylesheet that sets a `.lines` class for the polyline and defines stroke properties for the path. No JavaScript or external visualization library is used.