{"version":"1.0","type":"rich","title":"Activity_6_Question 2","description":"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.","provider_name":"VizHub AI Studio","provider_url":"https://vizhub.com","html":"<iframe src=\"https://vizhub.com/viz/30e5ddb85d69424a9a15a6830d2d47b8?mode=embed\" width=\"960\" height=\"500\" scrolling=\"no\" frameborder=\"0\"></iframe>","width":960,"height":500,"cache_age":3600}