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
Wwukangqian
Last edited Sep 9, 2020
Created on Sep 9, 2020
Forked from HTML Starter

A collection of basic SVG shapes—a circle, a rectangle, and a polyline path—rendered with inline SVG elements and styled via external CSS. The example demonstrates how CSS classes control stroke color, width, and fill, including a blue path with rounded line joins. It uses raw SVG tags like `circle`, `rect`, `line`, and `path`, with a transform applied to scale and translate the group. The code exercises standard SVG geometry and CSS styling rules without any JavaScript or additional libraries.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed