Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Shapes with SVG & CSS

Public visualization

Shapes with SVG & CSS

0 stars1🌍 Public
AAli Shah
Last edited Jan 27, 2020
Created on Jan 27, 2020

This example shows a static collection of geometric shapes composed of circles and rectangles in three color-coded groupings, alongside polygonal line drawings. The first two rows demonstrate default black shapes, a set with explicit fill colors, and a translated group with purple fill and black strokes. A lower group renders two lines and a zigzag path with a thick black outline and yellow join styling. The visualization is built with raw SVG elements inside an HTML page, styled via CSS classes that apply stroke widths and colors to the line elements.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed