{"version":"1.0","type":"rich","title":"76. D3 Data Join Key","description":"Clicking the text removes the first value from a bar chart, demonstrating D3's data join with a custom key function. Each bar is an SVG `rect` bound to an object with `key` and `value` properties; removal triggers an exit transition that slides the bar off-screen left. The remaining bars animate to new positions via `transition.attr`, while labels update text but not exits, a known limitation. The example uses `d3.scaleBand`, `d3.scaleLinear`, and D3 v4.5.0.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/5d8427ea10d542dc93a2f8f96f338295?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}