Viewing a saved revision (read-only)
8bfcd95a10a146c58abc1d03cc567299
Fork of Religions of Largest 20 Countries
This stacked bar chart visualizes the estimated 2010 religion breakdown of the world’s 20 most populous countries, using horizontal bars segmented by religious affiliation. Hovering over a bar segment displays a tooltip with the exact population count for that religion in that country, while hovering over the legend highlights only the bars for the selected religion, dimming others. The visualization uses D3.js v3 with d3.layout.stack, d3.svg.axis, d3.legend, and d3-tip, rendering as an SVG with animated transitions. Data comes from Pew Research’s Global Religious Landscape, processed via a custom script.
AI-generated descriptionStacked 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.