Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity_6 Q_2

Public visualization

Viewing a saved revision (read-only)

ba96af3c909e45c9ada9ae1bf35deb11

Activity_6 Q_2

0 stars0🌍 Public
Bbhavya.kanyadara@gmail.com
Last edited Apr 3, 2025
Created on Apr 3, 2025
Forked from Activity_6 Q_2

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