This example shows a horizontal bar chart of the top 10 most populous UN countries for 2020, with country names labeled on the y-axis and population counts on the x-axis. The visualization is rendered as SVG in a React component, using D3 v6 scales (scaleBand and scaleLinear) to map data, with separate XAxis and YAxis components drawing gridlines and tick labels. Data loads asynchronously from a CSV file via d3.csv in a custom useData hook, and React manages the component lifecycle.