Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Shapes with SVG

Public visualization

Viewing a saved revision (read-only)

9dd24e4e9c8f408c8fb70205749800a7

Shapes with SVG

0 stars1🌍 Public
Jjakenachlas
Last edited Jan 26, 2021
Created on Jan 26, 2021
Forked from D3 Starter

This example demonstrates basic SVG shape creation using D3 version 6, showing circles, rectangles, lines, and paths rendered inside a 960×500 SVG canvas. The code uses the `select` function from the D3 library to display a text message, while shapes are styled through inline attributes and CSS classes. A group element with a transform translates and fills shapes with a light blue color and black stroke. The visualization highlights how SVG elements and D3’s selection API work together in a simple, static scene without data binding.

AI-generated description

A demonstration of how to start using D3 version 6.