Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Fork of Shapes and Colors with SVG and CSS

Public visualization

Viewing a saved revision (read-only)

501e296f12e2476baf9871594ceec513

Fork of Fork of Shapes and Colors with SVG and CSS

0 stars0🌍 Public
NNita
Last edited Jan 2, 2024
Created on Jan 2, 2024

This example demonstrates basic SVG shapes and CSS styling within a small graphic. It shows circles and rectangles with inline fill colors, a grouped set of shapes with a shared fill and stroke, and lines and paths with custom stroke properties. The code uses raw SVG elements like `circle`, `rect`, `line`, and `path`, along with CSS classes applied to a `<g>` element for stroke styling. The rendering is entirely SVG-based, with a transform scale applied to the parent group.

AI-generated description

An example including some commonly used features of SVG.