D3 v7 Starter
This example shows a set of fifteen circles arranged in a sine wave pattern across the center of the browser window. The visualization demonstrates the basic workflow of D3 v7’s new declarative API, using `select` and `range` from the `d3` module to generate and bind data. The circles are rendered as SVG elements, with their horizontal and vertical positions calculated from each data index. The code explicitly uses `svg.selectAll('circle')` with a `.join('circle')` operation to create the marks, and sets radius, x, and y coordinates via `.attr()`. The visualization is purely data-driven, using a generated numeric sequence rather than an external dataset.