This example shows a horizontal bar chart ranking the 15 most populous countries based on UN Population data from 2019. The visualization uses React components to render SVG elements, with D3 scales handling the positioning. The code separates axis and mark rendering into distinct functional components, using `d3.scaleBand` for the categorical y-axis and `d3.scaleLinear` for the numeric x-axis. Data is loaded asynchronously via a custom `useData` hook that fetches and parses the CSV dataset.