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)

d0a47a208bba490cacf4e0ee260212f3

Shapes with SVG and CSS

0 stars1🌍 Public
Pprat1507
Last edited Aug 28, 2019
Created on Aug 28, 2019
Forked from HTML Cars Report

This example demonstrates how to draw basic shapes using SVG and style them with CSS. It shows circles and rectangles with default black fills, colored variants with explicit fill attributes, and a group with a light blue fill and black stroke. The code also illustrates line and path elements within a translated group, styled via CSS classes. The visualization relies on vanilla SVG elements—circle, rect, line, path—and CSS rules, with scaling and translation transforms applied to groups.

AI-generated description

An example showing the capabilities of VizHub.