🌍 Public
Viewing a saved revision (read-only)
7366c997a374494b8b7f1f034064e1ab
Let's make a face with D3.js
This example demonstrates the fundamental D3.js data-join pattern by rendering a row of red circles that function as a face. The code uses `d3.select` and `d3.range` to generate an array of fruit objects, then binds that data to SVG circles with `selectAll().data().enter()`. After an initial render, `fruits.pop()` removes one data element, and the `exit()` selection turns that circle black to visualize the removal. The SVG canvas measures 960×500 pixels, with circles spaced 120 pixels apart.
AI-generated descriptionAn example showing the capabilities of VizHub.