{"version":"1.0","type":"rich","title":"General Update Pattern Explained","description":"This example demonstrates D3’s general update pattern by animating letters as they enter, update, and exit across three labeled sets. Users can input custom comma-separated data or generate random subsets of the alphabet. The main SVG shows letters transitioning between positions and opacity, while a second group visualizes the enter, update, and exit selections separately. The code uses d3-selection’s `.data()`, `.enter()`, `.exit()`, and `d3.transition()` with inherited timing to animate, and explicitly binds key functions to track element identity.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-b052c48e892838bfaceeac93427fb10e?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}