This example shows a reusable scatter plot built with React and D3.js, displaying country-level data with land area on the x-axis and population on the y-axis. The chart renders a single SVG with circles for data points, labeled axes for both scales, and a hardcoded x-axis label. The code defines a custom `scatterPlot` function that uses D3's `scaleLinear`, `extent`, and `axisBottom`/`axisLeft` APIs, along with the `join` operator to create incremental SVG elements within a React environment.