This example shows a horizontal bar chart of 2019 UN population data for the top ten countries, loaded via d3.csv. React state stores the parsed data, while d3.scaleBand and d3.scaleLinear create categorical and linear scales for positioning bars and axes. The SVG renders custom tick marks and labels by iterating over xScale.ticks() and yScale.domain(), with bars drawn as rect elements sized by the scales.