vaccines

100%

✓ Published1🌍 Public

Last edited Apr 10, 2023

Created on Mar 23, 2023

Forked from Religions of Largest 20 Countries

This stacked bar chart displays the estimated 2010 religious breakdown of the 20 most populous countries, using horizontal bars with each country’s total tests on the x-axis and location on the y-axis, colored by ISO code. The visualization uses D3 v3 with d3.layout.stack to compute layer offsets, d3.svg.axis for ticks, and d3.legend for a color legend. Hovering over a bar shows a tooltip via d3-tip, while hovering over the legend highlights only that religion’s bars by overlaying a semi-transparent rectangle. Data originates from Pew Research’s Global Religious Landscape, processed through a custom script.

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

Loading thumbnail…

Fork of vaccines

This stacked bar chart displays the estimated 2010 religious breakdown of the world's 20 most populous countries, with each bar segment representing a religion. Hovering over a bar shows a tooltip with the exact percentage for that country and religion, while hovering over the legend highlights the corresponding segments. The chart uses D3 v3 with `d3.layout.stack` for stacking, `d3.svg.axis` for scales, and `d3-tip` for tooltips. The legend is rendered with `d3.legend.color`, and an overlay rectangle dims non-highlighted bars. Data originates from a Pew Research study on the global religious landscape.

Ppemmasaniprudhvinadh

92% match

Loading thumbnail…

Test

This stacked bar chart displays the estimated 2010 religious composition of the 20 most populous countries, with each bar segmented by religion. Hovering over bars reveals tooltips with exact population figures, while hovering over the color legend highlights a specific religion and dims the others. The visualization is built with D3.js, using `d3.layout.stack()` for stacking, `d3.legend.color()` for the interactive legend, and `d3-tip` for tooltips. Data comes from the Pew Research Global Religious Landscape dataset, rendered as an animated SVG.

Eeherchen

87% match

Loading thumbnail…

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.

HHemanthh81

86% match

Loading thumbnail…

BarChart Testing

This bar chart visualizes the estimated 2010 religion breakdown of the 20 most populous countries, using a stacked layout where each bar represents a country and color-coded segments show religious affiliations. Hovering over a bar displays a tooltip with the religion, country, and population figure, while hovering over the legend highlights that religion’s segments across all bars by fading the rest. The visualization uses D3.js version 3 for scales, axes, and the stacking layout, with d3-tip for tooltips and d3-legend for the interactive color key. Data originates from Pew Research’s Global Religious Landscape.

LLSAWB

86% match

Loading thumbnail…

Religions in Different Countries

This stacked bar chart displays the estimated 2010 religious breakdown of the 20 most populous countries, using data from the Pew Research Center’s Global Religious Landscape. Bars are segmented by religion, with tooltips on hover and a legend that highlights specific religions by dimming others. Built with D3.js (v3), it uses `d3.layout.stack`, `d3.svg.axis`, and the `d3-legend` and `d3-tip` plugins, rendered as an animated SVG.

HHemanthh81

86% match

Loading thumbnail…

religionbycountrytop20 (Curran)

This stacked bar chart visualizes the estimated religious breakdown of the 20 most populous countries in 2010, with each bar segment representing a religion’s population. Built with D3.js, it uses `d3.layout.stack` for layering, `d3.scale.ordinal` for country positioning, and `d3.legend.color` for the color legend. Hovering over bars triggers tooltips via `d3-tip`, while hovering over the legend highlights specific religions by redrawing foreground bars. Data originates from the Pew Research Center’s Global Religious Landscape, processed via a custom script, and rendered as animated SVG.

Bbepnye@gmail.com

85% match

Loading thumbnail…

Religions of Largest 20 Countries

This interactive stacked bar chart displays the estimated 2010 religious breakdown of the 20 most populous countries, with each bar segmented by religion and colored using a categorical scale. Hovering over a bar reveals a tooltip with exact population figures, while hovering over the legend highlights corresponding segments by dimming others. The visualization uses D3 v3 with `d3.layout.stack` for stacking, `d3.svg.axis` for axes, and `d3.legend` for the color legend. Data originates from Pew Research’s Global Religious Landscape, processed into a CSV of country, religion, and population values, rendered as an SVG animation.

GGeolffrey S Mena

85% match

Loading thumbnail…

Religions of Largest 20 Countries

GGeolffrey S Mena

85% match