{"version":"1.0","type":"rich","title":"Nested Enter/Update/Exit with id","description":"Nested enter/update/exit selections animate a hierarchical dataset of parent groups containing child rectangles. Each parent is keyed by an `id`, while child rectangles are keyed by their numeric value, enabling precise tracking across updates. Using d3.v4, parent transitions reposition groups, while child rects enter, exit, or shift horizontally. Data mutates randomly every 1.2 seconds, adding/removing parents or children. The SVG rendering uses `transition.attr` for smooth animations, including height/width collapse on exit and expansion on enter, with parent fill colors from `d3.schemeCategory20`.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-960819e98873bbaf035bbf6bd2774b40?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}