Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Basic shapes

Public visualization

Viewing a saved revision (read-only)

70b29537bbed4887baa4504bfe817935

Basic shapes

0 stars6🌍 Public
Hhanulik.ondrej@gmail.com
Last edited Oct 30, 2022
Created on Apr 17, 2021
Forked from mujSmile

This example demonstrates a collection of fundamental D3.js shapes, including circles, rectangles, arcs, lines, and paths, all rendered as SVG elements on a canvas. It showcases various ways to construct these shapes, such as using the `d3.arc` function for annular sectors, `d3.line` for splines, and data-driven bindings with `.datum()` and `.data()`. The scene also includes programmatically generated rectangles with a purple fill, a pink circle, and a custom path created via `d3.path`. A small CSV dataset is linked but not directly used. The code relies on D3 v6 for shape creation and SVG manipulation.

AI-generated description