Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Question-2(Task-2)

Public visualization

Viewing a saved revision (read-only)

3fede23b5ca441d48cb24db706b851ee

Question-2(Task-2)

0 stars0🌍 Public
Vvenkataravitarunelisetty@my.unt.edu
Last edited Apr 4, 2024
Created on Apr 4, 2024
Forked from Hello VizHub

A stacked bar chart displays monthly fruit sales for apples, bananas, and carrots, with each bar normalized to represent 100% of total quantity. The chart uses horizontal bars where segment widths show each fruit's proportional contribution, and hovering reveals precise quantities via a tooltip. The visualization is built with D3.js (v7), using `d3.csv` to load data, `d3.stack` for series stacking, `d3.scaleLinear` and `d3.scaleBand` for axes, and SVG rendering. Data comes from the fruitsales.csv file.

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.