This visualization presents the top 10 cosmetic products ranked by revenue, using a horizontal bar chart rendered as SVG. The code imports D3 v7 and React, with data loaded from a CSV via `d3.csv` and scaled using `scaleLinear` and `scaleBand`. Axes are generated with `axisLeft` and `axisBottom`, while the chart title and axis label are added as SVG text elements. Although React is loaded in the HTML, the rendering is done imperatively with D3’s selection API.