{"version":"1.0","type":"rich","title":"Untitled","description":"This example demonstrates D3.js data joins by rendering a list of five numeric values as `<li>` elements, with a button to remove the fourth item. The initial list combines pre-existing elements bound to data with dynamically appended entries using `d3.select().data().enter()`. Clicking the button triggers a function that resets the data array to four values and uses `exit().remove()` to remove the now-orphaned list item. The page uses D3 v4 with a minimal HTML structure and inline CSS for font styling.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/e9a85995ec254bd6bb08f0d36e97ace5?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}