🌍 Public
Viewing a saved revision (read-only)
0c1d1e1e697442588cfa5c9d8e69a5c5
Shapes with SVG and CSS
This example demonstrates basic SVG shapes and CSS styling in a static visualization. It shows circles, rectangles, lines, and a path rendered within an SVG element scaled by a factor of 1.7. The code uses inline SVG attributes like `cx`, `cy`, `r`, `x`, `y`, and `transform` to position shapes, while CSS classes define stroke properties for the line and path elements. Fill colors are applied both directly via SVG attributes and through a `<g>` group with a hexadecimal value. No data source is present; the visualization purely illustrates SVG geometric primitives.
AI-generated descriptionAn example including some commonly used features of SVG.