🌍 Public
Viewing a saved revision (read-only)
815161b6fa6846e9b979381b90a9a1a2
Shapes with SVG and CSS
This example demonstrates basic geometric shapes drawn with SVG, including lines and paths, styled through an external CSS file. The visualization is built using D3 version 5 to select and manipulate the SVG container, while the rendering relies on native SVG elements and CSS properties for stroke color, width, line joins, and caps. The CSS classes, such as `.lines`, apply styling to path elements within the SVG, resulting in round-cornered, dark teal strokes. The code shows how D3 and SVG can be combined for simple vector graphics without a dataset.
AI-generated descriptionAn example including some commonly used features of SVG.