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