Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6-Question-2.3

Public visualization

Viewing a saved revision (read-only)

12abbb1ce98e4efa867727b5146f346a

Activity6-Question-2.3

0 stars0🌍 Public
LLayaMyadam@my.unt.edu
Last edited Apr 14, 2024
Created on Apr 14, 2024

This stacked bar chart shows sales distribution across six product categories, broken into five rating ranges from less than 5 to greater than 8.5. The visualization uses D3 v7’s `d3.stack()` to create the layered bars and `d3.scaleBand`/`d3.scaleLinear` for axes. An interactive tooltip appears on mouseover via D3 event handlers, displaying the sales segment value. Data loads from a CSV file, with a custom color scale for each range and a legend rendered alongside the chart.

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.