Skip to main content
100%

Fork of Religions of Largest 20 Countries

✓ Published0🌍 Public
Jjuanmy400
Last edited Feb 24, 2022
Created on Feb 24, 2022

A stacked bar chart visualizes the estimated 2010 religious breakdown of the 20 most populous countries, with each horizontal bar segmented by religion proportion. Hovering over a bar displays a tooltip with the exact population count for that religion and country, while hovering over the color legend highlights that religion’s segments across all bars by fading others. Built with D3.js version 3, the chart uses `d3.layout.stack`, `d3.scale.ordinal`, `d3.svg.axis`, and `d3.legend.color`, with data sourced from Pew Research’s Global Religious Landscape. The SVG renders with interactive tooltips via `d3-tip`.

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.

MIT Licensed

Similar vizzes