Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Presentation Task5

Public visualization

Viewing a saved revision (read-only)

03fbbdf245d74f72b3227034fd846387

Presentation Task5

0 stars0🌍 Public
Rrikhitakoganti12
Last edited Jul 26, 2023
Created on Jul 26, 2023

A stacked bar chart displays the estimated 2010 religion breakdown of the world’s 20 most populous countries, sourced from Pew Research data. Hovering over bars reveals tooltips with payment-type–based revenue values, while hovering over the color legend highlights individual religion layers. The visualization uses D3 v3 with d3.layout.stack for stacking, d3.legend for the color key, and d3-tip for tooltips. The SVG output includes animated transitions and a custom tick formatter converting large numbers to billions.

AI-generated description

Stacked bar chart showing estimated religion breakdown.

Interactions:

  • Hover over the bars for tool tips.
  • Hover over the legend to highlight religions.

Based on an example from the tutorial Splitting Charts. Derived from the following examples published on bl.ocks.org:

Estimated 2010 religion breakdown of the most populous 20 countries.

Data is from The Global Religious Landscape by Pew Research, generated using this processing script.

TODO: Upgrade dependencies to latest D3 & friends.