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