Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Shapes with SVG and CSS

Public visualization

Viewing a saved revision (read-only)

815161b6fa6846e9b979381b90a9a1a2

Shapes with SVG and CSS

0 stars0🌍 Public
Ssourcebox-bug
Last edited Apr 10, 2019
Created on Apr 10, 2019

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 description

An example including some commonly used features of SVG.