🌍 Public
Viewing a saved revision (read-only)
f7f4c174d5904991bf4e5cb6d089a510
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.