This stacked horizontal bar chart shows the distribution of product costs across eight categories, with each bar divided into six price ranges from below $50 to above $1000. The visualization uses d3.stack() to compute the layered segments and d3.scaleBand for the categorical y-axis. d3.axisBottom with custom tick sizes renders the percentage scale, while a custom tooltip appears on mouseover to display exact percentage values. The chart is rendered as SVG using d3.v7, with color scaling via d3.scaleOrdinal and data loaded from a CSV file.