Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_Question2

Public visualization

Viewing a saved revision (read-only)

6e8358ae5b7d4350b7f36155eec27824

Activity6_Question2

0 stars0🌍 Public
Ddandudivya98@gmail.com
Last edited Apr 5, 2024
Created on Apr 5, 2024
Forked from Hello VizHub

This example shows the weight of recycled office materials—Office Paper, OCC, and Single-Stream—across twelve months, displayed as horizontal stacked bars. Each bar represents one material type, divided into monthly segments colored by month. The visualization uses d3.stack to compute the stacked series, d3.scaleBand for the categorical y-axis, and d3.scaleLinear for the x-axis. Hovering over a segment reveals a tooltip with the precise weight for that month. Data is loaded from a CSV file and rendered as SVG.

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.