Religions Stacked Bar Chart
A stacked bar chart shows the estimated 2010 religious breakdown of the 20 most populous countries, with each bar segmented by religion and annotated with a tooltip on hover. The visualization uses D3.js, including `d3.scale`, `d3.layout.stack`, and `d3.svg.axis`, with an SVG rendering and a color legend that highlights individual religions on hover. Data comes from the Pew Research Global Religious Landscape report, 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.
Comments
Sign in to join the discussion.