{"version":"1.0","type":"rich","title":"D3 Selection Exploration","description":"This example demonstrates the D3.js selection API for dynamically adding circles to an SVG canvas. Fifteen circles with varying y-coordinates based on a sine wave are appended to the visualization, positioned along the x-axis at 60-pixel intervals. The code uses `d3.select` to target the body element and append an SVG, then leverages the selection chaining methods `.selectAll`, `.data`, and `.enter()` to create the circles with specified radii and coordinates. The circles are rendered as SVG elements with the `cx` and `cy` attributes set from the generated data array.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/a6c4d99954e54442bb4e1556d25e5845?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}