Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity_6 Q_2

Public visualization

Viewing a saved revision (read-only)

d172dbe7a16a4dc0b9fa7af88448a15a

Activity_6 Q_2

0 stars1🌍 Public
Bbhavya.kanyadara@gmail.com
Last edited Apr 3, 2025
Created on Apr 3, 2025
Forked from Hello VizHub

This stacked bar chart displays the proportional distribution of clothing items across five price ranges (below 1.0 to above 4.0). The visualization shows how each clothing category compares in relative percentage across the price brackets, with labels on segments wider than 40 pixels. The chart uses D3 v7 with `d3.stack()` and `d3.stackOffsetExpand` to create normalized 100% stacked bars, while `d3.scaleBand` and `d3.scaleLinear` handle positioning. Each bar segment includes a tooltip via SVG `<title>` elements, and the legend maps color-coded price ranges. The data originates from a static CSV file containing clothing categories and their associated price range values.

AI-generated description