Export Image
Export Code

Activity_6 Question 2

JaiyaGhanta

Last edited Oct 22, 2024
Created on Oct 22, 2024

Urban vs. Rural Population Distribution Stacked Bar Chart

Features:

  • D3.js for Data Visualization: The chart is built using D3.js, which dynamically loads the data and creates a scalable, interactive chart.
  • Stacked Bar Chart: Each country is represented by a bar, with the urban and rural population stacked to show the total population composition.
  • Hover Interactivity: When hovering over a bar segment, a tooltip appears, showing the precise percentage for that segment.

Instructions:

  1. Open the project in VizHub.
  2. The chart automatically loads the population data and renders the stacked bar chart.
  3. Hover over the bars to view the exact percentages of the urban and rural populations for each country.

Technologies:

  • D3.js: A powerful JavaScript library for creating dynamic and interactive data visualizations.
  • VizHub: An online platform for coding and visualizing projects using web technologies.
MIT Licensed