🌍 Public
Viewing a saved revision (read-only)
8f7d48a182f7410baf1197798a2bce05
Shapes with SVG and CSS
This example demonstrates how to draw basic SVG shapes—circles, rectangles, lines, and paths—inside an HTML page. It shows how to style these shapes with inline attributes and external CSS, including the use of classes like `.lines` to group styling rules. The code uses no libraries or APIs; it relies solely on raw SVG markup and CSS. The rendering approach is directly visible in the `index.html` file, which contains a single `<svg>` element with a `transform` attribute to scale the content.
AI-generated descriptionAn example showing the capabilities of VizHub:
- Loads D3 via UNPKG.
- Demonstrates use of
importfrom"d3". - Demonstrates use of
importfrom local ES6 modules.