Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

SVG with CSS

Public visualization

SVG with CSS

0 stars0🌍 Public
Mmomer99
Last edited Sep 18, 2023
Created on Sep 18, 2023
Forked from D3 Starter

This example demonstrates how to combine SVG shapes with CSS styling and D3.js version 7. It shows circles, rectangles, lines, and paths rendered in an SVG canvas, with CSS classes controlling stroke properties like color and width. The code uses d3.select to insert text into the page, while the SVG elements themselves rely on standard SVG attributes for positioning and fills. A second SVG contains a single line element with inline stroke styling. The example highlights how CSS can be applied to SVG elements through class selectors.

AI-generated description

A demonstration of how to start using D3 version 6.

Comments

Sign in to join the discussion.

MIT Licensed