Skip to main content
SimilarExport ZIP
100%

Top Religion Per Country

✓ Published1🌍 Public
Ffsajedi22
Last edited Mar 28, 2023
Created on Mar 15, 2023
Forked from Choropleth Map

A world map colors each country according to its most prevalent religion, with a legend listing the eight categories. The visualization uses `d3.geoNaturalEarth1` projection, `d3.geoPath` for rendering, and `d3.scaleOrdinal` with a spectral color scheme. Data is loaded from a TSV file and merged with TopoJSON from world-atlas, while `d3.zoom` enables panning and zooming.

AI-generated description

Based on the 2018 course, added in my own data There are still some kinks to work out as I am missing some data and some of it is not reading right.

https://vizhub.com/curran/d5ad96d1fe8148bd827a25230cc0f083

MIT Licensed

Similar vizzes

Loading thumbnail…

Top Religion Per Country with Filter

This visualization presents a choropleth map of the world, coloring each country by its predominant religion. Users can click on color legend entries to filter and highlight countries sharing that religion. The map is rendered using D3 v5’s `geoPath` with a natural Earth projection and a `scaleOrdinal` color scheme. The legend, built with a custom `colorLegend` component, offers interactive filtering. Data is loaded from a TSV file containing country codes and religion labels, joined with geographic features from the world-atlas TopoJSON source.

Ffsajedi22
90% match
Loading thumbnail…

Fork of Top Religion Per Country with Filter Round

This interactive choropleth map displays the dominant religion for each country, using an orthographic projection that rotates the globe. The map is rendered as SVG using d3.geoPath, with countries colored via a spectral color scale based on a data.tsv file. Users can click on the color legend to filter and highlight countries by a specific religion, and hover over a country to see its name and religion via a tooltip. The visualization is built with d3.v5, the topojson library for geographic features, and loads the world atlas geodata from unpkg.

Ffsajedi22
85% match
Loading thumbnail…

Religions Map

An animated orthographic choropleth map displays the dominant religion of each country, with a color-coded legend that responds to hover. The globe rotates continuously as the user inspects the data. Built with D3.js, it uses `geoOrthographic`, `geoPath`, `geoGraticule`, and `scaleOrdinal` to project and style the map from a TopoJSON world atlas and a CSV of per-country religious demographics. The legend is generated by a custom `colorLegend` function.

NNandini Maddula
84% match
Loading thumbnail…

Religion Choropleth Map

This animated choropleth map visualizes the dominant religion in each country using a rotating orthographic globe. Country polygons are colored via a categorical scale, with gray indicating missing data. The visualization uses D3’s `geoOrthographic`, `geoPath`, `geoGraticule`, `scaleOrdinal`, and `schemeCategory10`, with an interactive legend from `colorLegend.js` that filters highlights on hover. Data comes from a 2020 CSV of religions by country, merged with country shapes from the visionscarto-world-atlas TopoJSON, fetched using `Promise.all` and parsed with `csvParse`.

Ffsajedi22
83% match
Loading thumbnail…

Fork of Religion by Country

This stacked bar chart visualizes the estimated religious breakdown of the world’s 20 most populous countries in 2010, drawing data from the Pew Research Center’s Global Religious Landscape. Hovering over the legend highlights a single religion while dimming others. The visualization uses D3’s `flatRollup` and `stack` to aggregate and stack religions, along with `scaleBand` for the categorical country axis. Colors are assigned via `scaleOrdinal`, and the legend’s hover interactions are implemented through `mouseenter` and `mouseleave` events that update the `hoveredColorValue` state, controlling opacity and stroke emphasis.

MM
77% 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
77% match
Loading thumbnail…

Religion by Country

This stacked bar chart visualizes the estimated religious composition of the world’s 20 most populous countries in 2010, based on data from the Pew Research Center’s Global Religious Landscape. Each bar is segmented by religion, with colors from D3’s `schemeCategory10`, enabling quick comparison of dominant faiths like Christianity, Islam, and Hinduism across nations. Hovering over the legend highlights the corresponding segments within the bars, while dimming others for focused inspection. The visualization is built using D3’s `scaleOrdinal`, `scaleLinear`, `scaleBand`, and `stack` APIs, with custom color legend and responsive axes handling.

Hhimavinaytummala@my.unt.edu
77% match
Loading thumbnail…

Religion by Country

This stacked bar chart visualizes the estimated religious composition of the world’s 20 most populous countries in 2010, based on data from the Pew Research Center’s Global Religious Landscape. Each bar is segmented by religion, with colors from D3’s `schemeCategory10`, enabling quick comparison of dominant faiths like Christianity, Islam, and Hinduism across nations. Hovering over the legend highlights the corresponding segments within the bars, while dimming others for focused inspection. The visualization is built using D3’s `scaleOrdinal`, `scaleLinear`, `scaleBand`, and `stack` APIs, with custom color legend and responsive axes handling.

Hhimavinaytummala@my.unt.edu
77% match