{"version":"1.0","type":"rich","title":"D3 v7 Starter","description":"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.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/0d36a9c3020e4752b995056336a7308f?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}