🌍 Public
Viewing a saved revision (read-only)
af053bb437a24a9fab7b3a68a7fdd9bc
Shapes with SVG and CSS
This example demonstrates how to draw and style basic geometric shapes using SVG and CSS. It shows circles, rectangles, lines, and a path, with some shapes using explicit fill and stroke attributes while others inherit styling from CSS classes. The code uses D3.js's `select` function to set text content, though the visual output relies entirely on raw SVG markup within an HTML file. The SVG is scaled and translated to arrange the shapes in distinct groups, with the CSS applying stroke properties to the line elements.
AI-generated descriptionAn example showing the capabilities of VizHub.