Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 6

Public visualization

Post on XLinkedIn

Viewing a saved revision (read-only)

3dee7cacf67d473286f4fd81f42b8682

Open

Activity 6

0 stars0🌍 Public
MMannava Priyanka Chowdary
Last edited Oct 22, 2024
Created on Oct 22, 2024
Forked from Hello VizHub

This example demonstrates a stacked bar chart that visualizes how three categorical data fields (AM, AZ, FD) contribute to a total for each of five discrete IDs. The chart uses D3.js v7 and SVG rendering, with d3.stack() to process the data into layers, d3.scaleBand() for the x-axis, and d3.scaleLinear() for the y-axis. The bars are colored using d3.schemeCategory10 and drawn with semi-transparent rectangles.

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.