{"version":"1.0","type":"rich","title":"D3.js - data(), join(), transition(), duration(), and key functions","description":"Interactive buttons append, prepend, or drop numbers from an array, updating a row of animated SVG circles. The D3.js v7 code demonstrates selection joins with `data()`, `join()`, and a key function, showing how element insertion and removal works during transitions. Each click triggers a 500ms animated update via `transition().duration()`, repositioning circles horizontally while their radii scale with the numeric values.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/f29cb9fc90c5429f835d700315a9664c?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}