Scatter Plot With Slider
A scatter plot displays countries positioned by latitude and longitude, with each point colored orange and labeled via a tooltip on hover. A slider below the chart adjusts the upper limit of the x-axis, triggering a smooth 1000-millisecond transition that rescales the domain and repositions the circles. Built with React and D3 v4, the code uses d3.csv for data loading, d3.scaleLinear for axes, and d3.transition for animation. The data comes from a GitHub-hosted CSV file, and the visualization is rendered as SVG.