{"version":"1.0","type":"rich","title":"D3 Example","description":"Three bar charts are drawn as animated SVG rectangles that appear, update, and exit in sequence. The example demonstrates D3’s data-join lifecycle: `d3.scale.linear` maps data values to pixel positions, while `d3.transition` animates fill opacity over 2.75 seconds. Three timed `render` calls first draw two red bars, then five blue bars, then remove two while recoloring the remaining three green, with console logs showing the join state before and after each update.","provider_name":"VizHub AI Studio","provider_url":"https://next.vizhub.com","html":"<iframe src=\"https://next.vizhub.com/viz/gist-5a3119b64bdb5c974b41e06d18d4929d?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"1\"></iframe>","width":960,"height":500,"cache_age":3600}