🌍 Public
Viewing a saved revision (read-only)
4d5a39de46b54be18e04b1b64ce6f980
Shapes and Colors with SVG and CSS
A single static SVG scene demonstrates how to layer and style basic geometric shapes—circles, rectangles, lines, and paths—using CSS and SVG presentation attributes. The example uses no data or D3, relying solely on inline SVG elements within an HTML document. Shape fills, strokes, stroke widths, and transforms are applied both directly and through external style rules, while the `.lines` class sets stroke properties for the path and line elements. A JavaScript alert runs on page load, but does not affect the visualization.
AI-generated descriptionAn example including some commonly used features of SVG.