Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

activity 6_Task 2

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

326aa2a320d944d7a41b265b21c2d08f

Open

activity 6_Task 2

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

This interactive stacked bar chart shows quarterly sales for Nike, Puma, and Adidas, with each company as a horizontal bar segmented by financial quarter (Q1–Q4). The visualization uses d3.stack() to create stacked data, d3.scaleBand and d3.scaleLinear for positioning, and d3.axisLeft/axisBottom for axes. A tooltip displays the quarter and total sales on hover. Data comes from an embedded CSV file, rendered as SVG with a color-coded legend for each quarter.

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.