Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity_6 Q_2

Public visualization

Viewing a saved revision (read-only)

69bfbe3f622943bb99c633df15b34dd3

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