Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Shapes and Colors with SVG and CSS

Public visualization

Viewing a saved revision (read-only)

89e0a5f8595147a883945bf9ff3cafb6

Fork of Shapes and Colors with SVG and CSS

0 stars0🌍 Public
MMinaSSaleh
Last edited Feb 21, 2021
Created on Feb 21, 2021

This example demonstrates a static composition of basic SVG shapes—circles, rectangles, lines, and a path—styled through both inline attributes and CSS classes. It shows how SVG elements inherit fill and stroke properties, with a group that applies a light blue fill and black stroke to its children, and a separate `.lines` class defining stroke width and color for the polyline and path. The code uses raw SVG markup inside an HTML file, with CSS rules in `styles.css` to control presentation, including a global transform scale and rounded line caps. No external JavaScript libraries are involved.

AI-generated description

An example including some commonly used features of SVG.