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)

7a9dfe4aa1c244449e4781b32c423b83

Fork of Shapes and Colors with SVG and CSS

0 stars0🌍 Public
AAdrian Pardo
Last edited Feb 12, 2021
Created on Feb 12, 2021

This example shows how SVG shapes and CSS can be combined to create a static, stylized composition of circles, rectangles, lines, and a polyline. It uses raw SVG elements within an HTML file, with styling applied through a separate stylesheet. The SVG is scaled with a group transform, and properties like fill, stroke, and stroke-width are set both inline and via CSS classes. The code demonstrates grouping elements with `<g>` tags and applying transforms to position and scale the entire drawing.

AI-generated description

An example including some commonly used features of SVG.