Skip to main content
Publishing & handoff

Current visibility: 🌍 Public. Copying a link or embed does not give visitors access to restricted visualizations or private project datasets.

Existing export choices

Project dataset ZIP export is unavailable without project read permission.

🌍 Public

Share visualization

Send this visualization to others.

Project Momentum v2

Public visualization

Viewing a saved revision (read-only)

2e4eaf1ec5404641a9012b935c777147

Project Momentum v2

0 stars1🌍 Public
IIan Wright
Last edited Oct 27, 2024
Created on Oct 26, 2024
Forked from Project Momentum

This visualization presents a pie chart of LEGO sets grouped by theme, using nested arcs to compare price tiers within each category. The chart employs D3.js APIs including `d3.pie`, `d3.arc`, and `d3.scaleOrdinal` to render three concentric rings per slice, showing counts of sets under $50, under $100, and all sets. Labels and connector lines are positioned using arc centroid calculations. The data comes from the `lego-csv` package.

AI-generated description

An approximation of a line chart using D3.js!

Watch the video and study the code to learn about:

  • SVG Path Elements
  • fill, stroke, stroke-width
  • stroke-linecap, stroke-linejoin
  • Vanilla HTML SVG Paths
  • D3.line
  • AI Assist

See also:

Full Playlist: Constructing Visualizations