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

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.

Comments

Sign in to join the discussion.

MIT Licensed