Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity 6 Question 2

Public visualization

Viewing a saved revision (read-only)

539a17a887a945b0869090afe1eaf60f

Activity 6 Question 2

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

This interactive stacked bar chart displays annual values for four categories from 1995 to 2003, loaded from a CSV file. Radio buttons toggle between two animated transitions: the first highlights bars with a green stroke, while the second narrows each bar and shifts it horizontally with a red stroke. The visualization uses D3 v4’s `d3.stack`, `d3.scaleBand`, `d3.scaleLinear`, and `d3.scaleOrdinal`, rendering shapes as SVG rectangles with `transition()` calls animating x, y, width, and stroke attributes.

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.