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
YYifei Liu
Last edited Aug 25, 2020
Created on Aug 24, 2020
Forked from HTML Starter

This example demonstrates basic SVG shapes—circles, rectangles, lines, and paths—arranged within a 960×500 canvas and scaled by a factor of 1.5. Individual shapes receive explicit fill colors, while a grouped set uses CSS-defined styling with a blue fill and black stroke. The code uses plain SVG elements (circle, rect, line, path) with a transform attribute for translation and scaling. No JavaScript libraries are involved; styling and layout are handled entirely through inline attributes and an external stylesheet.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed