🌍 Public
Viewing a saved revision (read-only)
d0a47a208bba490cacf4e0ee260212f3
Shapes with SVG and CSS
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 descriptionAn example showing the capabilities of VizHub.