🌍 Public
Viewing a saved revision (read-only)
90aaca7c568f4c0ab30b0ef4d0d89319
Shapes with SVG and CSS
This example demonstrates basic SVG shapes—circles, rectangles, lines, and paths—arranged in a fixed 960×500 viewport. The code uses SVG elements directly in HTML, with styling controlled by an external CSS file, including a `.lines` class that sets stroke properties on grouped line and path elements. Transformations like scaling and translation are applied via SVG attributes, and colors are specified through presentation attributes and a CSS class. The visualization is static, with no data-driven elements or interactivity.
AI-generated descriptionAn example showing the capabilities of VizHub.