Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Shapes with SVG and css

Public visualization

Shapes with SVG and css

0 stars1🌍 Public
Ssemopz
Last edited May 8, 2020
Created on May 8, 2020
Forked from HTML Cars Report

This example shows how SVG shapes and CSS styling can be combined to create a simple composition of circles, rectangles, lines, and a path. The first two shapes use default black fill, while the next two apply explicit red and green fills via attributes. A nested group applies a light blue fill and black stroke to its children, and a separate group with the class "lines" sets stroke color and width through CSS, with the path getting a cyan stroke and rounded joins. The entire drawing uses SVG elements and CSS rules, scaled 1.5 times within a 960 by 500 viewport.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed