🌍 Public
Viewing a saved revision (read-only)
cc2c6bc19d544e44815a343a98d39a73
Act_6_Tut_1
This chart displays the 2020 populations of 30 countries as a horizontal bar chart, with bars ordered alphabetically by country name. The visualization uses React to manage state and render SVG elements, while D3’s `scaleBand` and `scaleLinear` handle visual scaling. Population values are loaded via `d3.csv`, formatted with `d3.format`, and tooltips reveal exact figures on hover. The code demonstrates custom axis components, including left-side country labels and bottom population ticks with a G-to-B suffix conversion.
AI-generated descriptionA demonstration of how to start using D3 version 6.