🌍 Public
Viewing a saved revision (read-only)
b0f0d207e8144f6eae9b9cf844cd8421
Learn D3
Clicking the update button regenerates a random dataset and redraws a row of circles across an SVG chart. Each circle’s radius and fill color encode its numeric value, with values above 30 turning orange and others light gray. The example uses D3 v7’s data join pattern (`selectAll`, `data`, `join`) to create and update circle elements, driven by a simple JavaScript function that generates random data counts and sizes.
AI-generated description