🌍 Public
Viewing a saved revision (read-only)
670ec99cf6a34185ab3fd426c1e2261b
shape with SVG and CSS
This example demonstrates primitive SVG shapes styled with CSS, showing circles, rectangles, lines, and paths arranged in a 960-by-500 canvas. It uses raw SVG elements (circle, rect, line, path) with inline attributes for coordinates, fills, strokes, and transforms like scale and translate. The code also links an external stylesheet, style.css, which defines classes such as `.lines` with stroke properties. No D3 or JavaScript libraries are loaded; the visualization relies solely on static SVG markup and CSS presentation.
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.