Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Activity6_Task2_Question2

Public visualization

Viewing a saved revision (read-only)

1a0a92dff1eb438daca3e85d0915d907

Activity6_Task2_Question2

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

This interactive stacked bar chart visualizes the distribution of five fruit types across five quantity bins, from "Below 100" to "Above 400." A radio-button interface toggles between two animation states: step one displays the full stacked bars, while step two separates each category into thinner, individual segments. Built with D3 v4, the visualization uses `d3.scaleBand`, `d3.scaleLinear`, `d3.stack`, and `d3.scaleOrdinal` to map data from a CSV file. The SVG rendering and smooth `.transition()` animations bring the data comparisons to life.

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.