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)

8bd0367bcd5644f199d0b3c8cabffd67

Shapes with SVG and CSS

0 stars0🌍 Public
Ssourcebox-bug
Last edited Apr 11, 2019
Created on Apr 11, 2019

This example demonstrates basic SVG shapes—circles, rectangles, lines, and paths—styled through CSS. It uses raw SVG markup within an HTML page, applying inline attributes for fill, stroke, and transforms, while a linked stylesheet (`styles.css`) defines classes for line width, color, and path join styles. The scene groups elements to show how attributes and CSS rules combine, with a global scale transform enlarging the entire composition.

AI-generated description

An example including some commonly used features of SVG.