Skip to main content
100%

Basic shapes

✓ Published6🌍 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
MIT Licensed

Similar vizzes