This example displays the top 10 most populous countries for 2020 as horizontal bars, with x-axis ticks and y-axis country labels rendered as SVG text. The chart uses React state to load and filter CSV data from the United Nations World Population Prospects 2019, then applies d3.scaleBand for the categorical y-axis and d3.scaleLinear for the numeric x-axis. The code explicitly draws axis lines and tick labels using d3’s scale functions, rather than relying on built-in axis generators.