Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Shapes with SVG and CSS

Public visualization

Viewing a saved revision (read-only)

085b23c8a591480bbfd23db7d40e0ba2

Shapes with SVG and CSS

0 stars0🌍 Public
HHaniAlHawasli
Last edited Dec 8, 2020
Created on Dec 8, 2020

A simple SVG scene displays basic geometric shapes—circles, rectangles, a line, and a polyline path—positioned in an HTML document. The code uses raw SVG elements with CSS styling, including a class selector to apply stroke color and width to the line and path. The shapes demonstrate different fill and stroke properties, such as a red circle, a green rectangle, and a group with a blue fill and black stroke. The SVG canvas is scaled with a transform, and CSS hides page margins and overflow.

AI-generated description