This visualization presents a ranked bar chart of popular sports in 2021, sourced from a CSV dataset and rendered as an SVG via React. The code uses d3.csv for data loading, d3.scaleBand and d3.scaleLinear for positioning, and d3.max for domain calculation. Horizontal bars display each sport’s match count, with axis ticks and labels generated manually using d3.ticks. The chart is built with React hooks (useState, useEffect) and ReactDOM rendering, with D3 selections integrated for scaling and formatting.