Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Circles with D3 Cleaned Up

Public visualization

Circles with D3 Cleaned Up

0 stars1🌍 Public
223100098@lums.edu.pk
Last edited Oct 8, 2025
Created on Oct 8, 2025
Forked from Circles with D3

A grid of hand-coded pastel circles on a white SVG canvas, positioned at fixed coordinates with specified radii and fills. The example serves as a minimal demonstration of D3's selection and join API: `select()` targets the SVG element, while the `selection.selectAll(...).join(...)` chain in `viz.js` binds the imported data array to `circle` nodes, using `.attr()` to map each datum’s `cx`, `cy`, `r`, and `fill` properties. The data originates from `data.js` as an exported array of objects.

AI-generated description

Comments

Sign in to join the discussion.

MIT Licensed