{"version":"1.0","type":"rich","title":"D3 Selection Practice","description":"Fifteen circles, arranged in a sine-wave pattern across the viewport, demonstrate basic D3 data joins and selections. The example uses D3 v6's `select`, `range`, and `selectAll().data().enter().append()` to bind an array of numbers to SVG circle elements, positioning them with `cx` and `cy` attributes. Rendered as an SVG in a full-window `<svg>` element, it shows how D3's functional attribute syntax derives coordinates from the bound data. The circles are static, with no interactions or transitions.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/963e07ca37584d4fa70fd4e117c6143d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}