🌍 Public
Viewing a saved revision (read-only)
8244104c3aec45a4b41f1de21e924578
Customizing Axes
This example demonstrates a racing bar chart that ranks the top 10 countries by GDP each year, with bars and labels animating to reflect changing positions. The visualization uses D3.js (v5) and SVG, with bars vertically reordering via a linear scale based on rank, while the horizontal axis uses a linear scale for GDP values. Data is loaded from a CSV file using `d3.csv`, and transitions are animated with `transition.duration`. The bar heights are set via `d3.scaleBand`, and the axis is customized with a tick formatter that converts numbers to billions.
AI-generated description