This visualization shows product sales by country for the top 15 entries between 2018 and 2019, using a horizontal bar chart rendered as an SVG. The chart uses React state to load CSV data from a GitHub gist via d3.csv, then maps each country to a y-scale band and each product’s basic cost to a linear x-scale. Axis ticks and labels are drawn manually with d3.scaleBand and d3.scaleLinear, while bars are simple SVG rectangles. The code relies on React hooks (useState, useEffect) and d3’s max and format utilities for scaling and tick generation.