An animated scatter plot visualizes the relationship between corruption perception and internet gender gap across countries, with a dynamic circle layout that shifts positions over time. Each circle’s color encodes corruption perception and radius reflects the gender gap, while hover interactions reveal detailed country-specific values in a tooltip. The visualization updates every 100 milliseconds by fetching new data from a remote CSV file, combining React state management with D3.js (v6) scales and transitions to animate the SVG marks. The code uses D3’s `csv` loader and custom legends to interpret the streaming dataset.