{"version":"1.0","type":"rich","title":"Fork of Responsive Bar Chart","description":"This example presents a racing bar chart that animates changes in foreign aid allocations over time, using a responsive design that adapts to screen size. The visualization relies on D3 v7 to bind data, update bar dimensions, and orchestrate transitions between states. It uses `d3.interval` to cycle through dataset years, while `transition` and `duration` handle the smooth movement of bars as values shift. The bars are scaled using `d3.scaleLinear` and `d3.scaleBand`, with axis updates driven by `d3.axisBottom` and `d3.axisLeft`. Data originates from an external CSV loaded via `d3.csv`, and the layout recalculates on window resize via `d3.select` event handlers.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/91d77a131bca46b4ae4443ec4820b57a?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}