{"version":"1.0","type":"rich","title":"Selection-Join","description":"This example visually demonstrates D3’s data-join pattern by repeatedly generating a random subset of alphabet letters, sorted and bound to SVG `text` elements. An infinite loop triggers a new render every two seconds, transitioning entering letters from above in green, updating letters’ horizontal positions in black, and exiting letters downward in brown before removal. The code uses `d3.select`, `d3.transition`, `selection.join` with explicit enter/update/exit handlers, and `d3.shuffle` from the D3 v6 library to create the dynamic dataset.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"","width":960,"height":500,"cache_age":3600}