This example shows a horizontal bar chart of the top ten countries by 2020 population, using React to manage the loaded data state and D3 utilities to compute the axes and scales. The code loads CSV data via `d3.csv`, maps it with `scaleBand` for the categorical y-axis and `scaleLinear` for the numeric x-axis, then renders tick marks, labels, and bars as SVG elements. React’s `useState` and `useEffect` handle the asynchronous data fetch and trigger rendering, with each bar’s width and position derived from the scaled population values.