Religion Choropleth Map

100%

Religion Choropleth Map

✓ Published0🌍 Public

Last edited Apr 10, 2023

Created on Apr 10, 2023

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

AI-generated description

A choropleth map of World Bank Dataset: GDP per capita, PPP (current international $).

Similar vizzes

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

91% match

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

85% 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…

Top Religion Per Country

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.

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.

78% 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

78% match

Loading thumbnail…

Fork of Religions of Largest 20 Countries

This interactive visualization combines a bar chart and pie chart to explore religious demographics across the 20 most populous countries. Hovering over a country bar triggers an animated pie chart that breaks down that nation’s religious distribution, using d3.pie, d3.arc, and transition.attrTween for the sweeping animation. A colorLegend component maps religion categories to a d3.scaleOrdinal with schemeGreens colors. Data comes from Pew Research’s Global Religious Landscape, processed into a CSV and rendered as SVG. The bar chart uses d3.scaleBand and d3.scaleLinear to encode country population totals.

RRohit-2710

77% match

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

77% match