This example shows a horizontal dot plot of the top 10 most populous countries, with each circle’s position encoding population size and country name on the y-axis. The chart uses d3.scaleLinear, d3.scalePoint, d3.axisBottom, and d3.axisLeft, with custom tick formatting that abbreviates large numbers using d3.format and replaces “G” with “B”. Gridlines are created by negative tick sizes, and axis domains are removed. Data comes from a CSV file, rendered as SVG.