🌍 Public
Viewing a saved revision (read-only)
caead2ae564f4e5f96c83bd6891befd9
Circles with D3 - Thunderstorm
This example builds a stylized thunderstorm scene using D3’s selection and data-join methods (`select`, `selectAll`, `data`, `join`) to render two groups of shapes. A cloud is composed of ten overlapping circles, each positioned with explicit `cx`, `cy`, and `r` attributes and given a semi-transparent fill color from a hardcoded array. The lightning bolt is a single SVG path element with a yellow fill and stroke, defined by a static `d` string. The visualization uses D3 v7 in an SVG container with a fixed beige background.
AI-generated descriptionCreating circles with D3.
Challenge
- Fork this example
- Modify it
- Maybe make it Halloween themed
- Maybe make it Christmas themed
- Be creative