Skip to main content
🌍 Public

Share visualization

Send this visualization to others.

Fork of Religions of Largest 20 Countries

Public visualization

Viewing a saved revision (read-only)

00963783367e4f268bf8502d5ce6ae12

Fork of Religions of Largest 20 Countries

0 stars0🌍 Public
MMuhammadAtifHussain
Last edited Nov 10, 2021
Created on Nov 10, 2021

This stacked bar chart visualizes the estimated 2010 religion breakdown for the 20 most populous countries, using data from the Pew Research Center’s Global Religious Landscape. The visualization uses D3.js with an SVG animation, employing a stacked layout to show population segments per religion for each country. Users can hover over bars for tooltips and interact with the legend to highlight specific religions, which triggers a foreground layer to emphasize selected data while fading others. The chart includes axes formatted with a custom SI tick format and leverages d3-tip for interactive tooltips.

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.