Skip to main content
SimilarExport ZIP
100%

religionbycountrytop20 (Curran)

✓ Published0🌍 Public
Bbepnye@gmail.com
Last edited Apr 8, 2024
Created on Apr 8, 2024

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.

AI-generated description

Stacked bars showing estimated religion breakdown of the most populous 20 countries in 2010. Based on an example from the tutorial Splitting Charts. Interactions:

  • Hover over the bars for tool tips.
  • Hover over the legend to highlight religions.

Data is from The Global Religious Landscape by Pew Research, generated using this processing script.

forked from <a href='http://bl.ocks.org/curran/'>curran</a>'s block: <a href='http://bl.ocks.org/curran/805413fb3b2efaada1ce'>Stacked Bars</a>

<!-- Start of SimpleHitCounter Code --> <div align="center"><a href="http://www.simplehitcounter.com" target="_blank"><img src="http://simplehitcounter.com/hit.php?uid=2100471&f=16777215&b=0" border="0" height="18" width="83" alt="web counter"></a></div> <!-- End of SimpleHitCounter Code -->
MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Religions of Largest 20 Countries

This stacked bar chart visualizes the estimated 2010 religion breakdown for the world’s 20 most populous countries, with each bar segmented by faith and lengths scaled to population. Hovering over a segment reveals a tooltip with the religion, country, and population, while hovering over the color legend highlights matching segments by dimming all others. Built with D3 v3, the chart uses `d3.layout.stack` for layering, `d3.scale.ordinal` for country bands, and `d3.legend.color` for the interactive legend. Data comes from Pew Research’s Global Religious Landscape, processed and aggregated for this visualization.

Jjt23346059@gmail.com
93% match
Loading thumbnail…

Fork of Religions of Largest 20 Countries

This stacked bar chart visualizes the estimated 2010 religious breakdown of the 20 most populous countries, using data from the Pew Research Center. Each bar shows a country’s total population segmented by religion, with tooltips revealing exact values on hover. The visualization uses D3 v3’s `d3.layout.stack`, `d3.scale.ordinal`, and `d3.svg.axis`. The color legend is built with `d3.legend`, and highlighting a religion in the legend dims other bars via a semi-transparent overlay while redrawing the selected layer in a foreground group. The SVG rendering includes a custom SI tick formatter that converts billions to “B.”

BBoris Gomaz
93% match
Loading thumbnail…

Fork of Religions of Largest 20 Countries

This animated stacked bar chart displays the estimated 2010 religious breakdown of the world’s 20 most populous countries, with each bar segmented by religion and colored using a categorical scale. Hovering over a bar reveals a tooltip with the specific religion, country, and population count, while hovering over the legend highlights that religion’s segments across all bars. The visualization uses D3.js (version 3.5.5) with d3-legend and d3-tip, employing a stacked layout computed via `d3.layout.stack` and ordinal scaling for the country axis. Data originates from the Pew Research Global Religious Landscape.

Sskb461
92% match
Loading thumbnail…

Fork of Religions of Largest 20 Countries

This stacked bar chart visualizes the estimated 2010 religious breakdown of the world’s 20 most populous countries, with each bar segmented by religion and colored using a categorical scale. Hovering over a bar reveals a tooltip with the specific country, religion, and population via d3-tip, while hovering over the legend highlights corresponding segments by fading the base bars and rendering a foreground layer. The chart uses d3.layout.stack and ordinal/linear scales for positioning, with data sourced from Pew Research’s Global Religious Landscape, rendered in SVG with D3 3.5, d3.legend, and d3-tip.

AAndre J Denais
92% 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
92% 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
92% match
Loading thumbnail…

Fork of Religions of Largest 20 Countries

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`.

Jjuanmy400
92% match
Loading thumbnail…

Fork of Religions of Largest 20 Countries

This stacked bar chart visualizes the estimated 2010 religious breakdown of the world’s 20 most populous countries, with each bar segment colored by religion. Hovering over a bar reveals a tooltip with exact population figures, while hovering over the legend highlights that religion’s segments across all bars. Built with D3.js, the visualization uses `d3.layout.stack` for stacking, `d3.legend.color` for the interactive legend, and `d3.tip` for tooltips. Data comes from the Pew Research Center’s Global Religious Landscape report.

CChristianABeier
92% match