Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Assignment-6_Question-2

Public visualization

Viewing a saved revision (read-only)

5324c0dd7e2a4cea92790947f20a011a

Assignment-6_Question-2

0 stars0🌍 Public
Rreachtoshasidhar07@gmail.com
Last edited Oct 25, 2024
Created on Oct 25, 2024
Forked from Hello VizHub

This stacked bar chart shows the distribution of Walmart product ratings across six product categories, with each bar segmented by five rating bands from "below 5.0" to "above 8.5". The visualization uses D3.js v7 with SVG rendering, employing the `d3.stack()` and `d3.scaleBand()` APIs to create the horizontal stacked bars from the CSV data. The ordinal color scale maps the rating bands, and a hover tooltip displays the exact percentage for each segment. The chart includes axis labels and a title, with the percentage values formatted to two decimal places.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.