🌍 Public
Viewing a saved revision (read-only)
b23184d4ccc846c1a4713433ca51a5a2
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