🌍 Public
Fork of Circles with D3 for Fritz Bari
This gallery example renders six semi-transparent circles in a pastel green canvas using D3’s selection and data-join pattern. The code creates an SVG container sized to its parent element and binds an array of objects, each specifying x, y, radius, and fill color, to circle elements. The `selectAll('circle').data(data).join('circle')` chain sets position, size, color, and a fixed opacity of 0.708. The example demonstrates basic D3 shape generation with static, hardcoded data, suitable for exploring theme variations like Halloween or Christmas color palettes.
AI-generated descriptionCreating circles with D3.
Challenge
- Fork this example ?
- Modify it
- Maybe make it Halloween themed
- Maybe make it Christmas themed
- Be creative
Svelte
Here's a video on how to get started with Svelte as well!
MIT Licensed








Comments
Sign in to join the discussion.