Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Acitivity6 ques 2

Public visualization

Viewing a saved revision (read-only)

47e210e2939c417199e0b0108eb45f54

Fork of Acitivity6 ques 2

0 stars0🌍 Public
BBhavana Sharma
Last edited Apr 3, 2024
Created on Apr 3, 2024
Forked from Acitivity6 ques 2

This example presents a stacked horizontal bar chart showing population percentages for multiple countries from 1950 to 1955. The visualization loads data from a CSV file and uses D3 v7’s `d3.stack()` and `d3.scaleOrdinal()` with a custom color palette to layer yearly values per country. SVG rendering with `d3.axisBottom` and `d3.axisLeft` displays axes, while interactive tooltips appear on mouseover to reveal exact percentage values, using `d3.select` and event handlers to update a positioned div.

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.