Skip to main content
100%

Shapes and Colors with SVG and CSS

✓ Published1🌍 Public
Rrjohnson5016
Last edited Dec 30, 2020
Created on Dec 30, 2020

This example demonstrates basic SVG shapes—circles, rectangles, lines, a path, and a polygon—styled with inline CSS properties and grouped transforms. The SVG markup uses fill, stroke, and stroke-width attributes to apply color and outlines, while a scaling transform enlarges the first group of shapes and a translation move repositions the line and polygon group. No external libraries or data are used; the rendering relies purely on native SVG elements and a minimal external stylesheet that resets the body margin.

AI-generated description

An example including some commonly used features of SVG.

MIT Licensed

Similar vizzes