Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Shapes and Colors with SVG and CSS

Public visualization

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.

Comments

Sign in to join the discussion.

MIT Licensed