{"version":"1.0","type":"rich","title":"Playing with selection.join","description":"A dynamic SVG visualization demonstrates the `selection.join` API in D3 v7, animating a set of letters that changes every three seconds. Random alphabet subsets are generated with `d3.shuffle` and sorted, then mapped to `text` elements whose positions are computed based on their index. New letters enter in green, while existing ones update to gray, showcasing the join’s enter/update behavior. The example runs in a React environment, rendering to an SVG canvas sized to the browser window.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/27f4d4b07a2c4daab466c137998ecd19?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}