🌍 Public
Viewing a saved revision (read-only)
ff4cd2090e034b85b25a5aab39711dbb
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.