This example demonstrates animated transitions between data states in a scatter plot, where circles representing countries enter, update, and exit based on incoming data. The visualization shows GDP per capita against life expectancy, with circle size encoding population and color distinguishing South American countries in red. It uses D3.js v7's selection `.enter()`, `.transition()`, and `.exit()` methods to animate 500-millisecond changes, with logarithmic scaling for the x-axis. Data is loaded asynchronously via `d3.json` from a GitHub-hosted ROSLING dataset, rendered as SVG.