Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Circles with D3

Public visualization

Viewing a saved revision (read-only)

5107372711b9481faaa2fcab09aac66a

Circles with D3

0 stars7🌍 Public
CCurran Kelleher
Last edited Sep 3, 2025
Created on Sep 3, 2025
Forked from Circles with SVG

This example displays a scattered arrangement of colorful circles of varying sizes and positions across an SVG canvas. Each circle is rendered with a distinct fill color, creating a visually playful composition. The code defines a static dataset of circle properties and uses D3 v7’s data join pattern with `selectAll`, `data`, and `join('circle')` to bind and append SVG circle elements. Attributes like `cx`, `cy`, `r`, and `fill` are set directly from the data object.

AI-generated description