🌍 Public
Viewing a saved revision (read-only)
9243edcfce394d16a0c7f615e6231f85
Shapes and Colors with SVG and CSS
This example demonstrates basic SVG shapes and CSS styling in a static visualization. It shows circles, rectangles, lines, and a path, with colors applied both as inline attributes and through CSS classes. The SVG is scaled and translated using transform groups, while the `.lines` class controls stroke properties like width and color, and the path uses round line joins and caps. Rendering relies on raw SVG elements within an HTML page, styled entirely by an external stylesheet.
AI-generated descriptionAn example including some commonly used features of SVG.