Skip to main content
SimilarExport ZIP
100%

Fork of Top Religion Per Country with Filter Round

✓ Published0🌍 Public
Ffsajedi22
Last edited Mar 30, 2023
Created on Mar 28, 2023

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.

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…

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

Fork of Test

This visualization displays the population of each country, segmented by religion, using a stacked bar chart. The chart sorts countries in descending order and encodes population counts on the y-axis, with color distinguishing different religious groups. Built with the vega-lite-api, it loads data from a CSV file of top five religions by country, rendering interactively with tooltips that report population values on hover. The visualization adapts to the full window size and applies custom styling to axis labels and titles.

Ssumukh-bharadwaj
78% match
Loading thumbnail…

Fork of Religions of Largest 20 Countries

This fork visualizes the estimated 2010 religious composition of the world’s 20 most populous countries as a stacked horizontal bar chart, with each bar’s segments colored by religion. Hovering over a bar reveals a tooltip with the country, religion, and population count, while hovering over the legend highlights bars for a specific religion by overlaying semi-transparent layers. The chart is built with D3.js version 3, using `d3.layout.stack` for stacking, `d3.svg.axis` for scales, and the `d3-legend` and `d3-tip` libraries for the legend and tooltips. Data originates from the Pew Research Center’s Global Religious Landscape report, processed via a custom script.

BBenoit Mouly
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
78% match
Loading thumbnail…

Fork of Religions of Largest 20 Countries

This interactive stacked bar chart visualizes the estimated 2010 religious breakdown of the world’s 20 most populous countries, with data from the Pew Research Global Religious Landscape. The code uses D3.js (version 3.5.5) with the `d3.layout.stack` and `d3.nest` APIs to create the stacked layers, while axes and legends are built with `d3.svg.axis` and `d3.legend.color`. Hovering over any bar displays a tooltip via the `d3-tip` library showing the country, religion, and population count. The legend is also interactive: hovering over a religion name highlights that religion’s bars across all countries by rendering a semi-transparent overlay and a foreground layer of subset bars.

AAlpineStranger
77% match