🌍 Public
Viewing a saved revision (read-only)
5cb7425927fe4fec92cd45b8832c1a86
Activity6
This stacked bar chart visualizes the proportion of transactions falling into five price brackets for six distinct product categories. The chart displays the distribution of spending across these ranges, with each bar segment color-coded and a legend identifying the price segments. The visualization is built with D3 v7, using `d3.scaleBand` for the categorical x-axis, `d3.scaleLinear` for the y-axis, and `d3.scaleOrdinal` with `d3.schemeCategory10` for colors. The data is transformed using `d3.stack()` to create stacked segments, and the chart is rendered as SVG with axes generated by `d3.axisBottom` and `d3.axisLeft`.
AI-generated descriptionAn example showing the capabilities of VizHub:
- Loads D3 via UNPKG.
- Demonstrates use of
importfrom"d3". - Demonstrates use of
importfrom local ES6 modules.