D3 Example

100%

✓ Published0🌍 Public

Last edited Dec 31, 2016

Created on Dec 31, 2016

This visualization presents small multiples of donut charts, each sized proportionally to a country’s population, showing religious breakdowns for the five largest countries. Nested selections bind data per country, with pie layout and arc generators drawing slices, while a sqrt scale maps population sums to chart radius. D3-legend renders the color key. Data comes from the Pew Research Center’s Global Religious Landscape dataset, rendered as SVG.

AI-generated description

A small multiples visualization of donut charts showing the breakdown of religions for the largest 5 countries.

Note that area is proportional to population, because the area of each pie corresponds to the population of each country (the sum of all religions). This makes the visualization more "honest" than the fixed size Donut Chart Small Multiples.

Data from Pew Research Center Global Religious Landscape data set
Uses d3-legend
Uses nested selections.

forked from <a href='http://bl.ocks.org/curran/'>curran</a>'s block: <a href='http://bl.ocks.org/curran/e025a50dbaae7186e516'>Sized Pie Charts</a>

Thanks to enjalot for the idea to size each donut.

<div align="center"><a href="http://www.simplehitcounter.com" target="_blank"><img src="http://simplehitcounter.com/hit.php?uid=1980885&f=16777215&b=0" border="0" height="18" width="83" alt="web counter"></a></div>

forked from <a href='http://bl.ocks.org/curran/'>curran</a>'s block: <a href='http://bl.ocks.org/curran/d0a42741ce0cf6cdc3ab'>Sized Donut Charts</a>

mit Licensed

Similar vizzes

Loading thumbnail…

D3 Example

This small multiples visualization displays donut charts for the five most populous countries, each showing the proportional breakdown of religious affiliations within that country. The charts are arranged horizontally, with a shared categorical color legend identifying each religion. Built with D3.js, the code uses `d3.layout.pie`, `d3.svg.arc`, and `d3.nest` to group data by country and compute slice geometries, while `d3.legend.color` generates the legend. Data comes from the Pew Research Center’s Global Religious Landscape dataset, provided as a CSV file. All donuts share the same radius, so area does not reflect population size.

TThanaporn-sk

96% match

Loading thumbnail…

D3 Example

This small multiples visualization uses donut charts to show the religious breakdown of the five most populous countries. Each donut represents a country, with slices sized by the proportion of followers of each religion within that country, though the donuts themselves are equal-sized regardless of population. The code uses D3.js (v3) with `d3.layout.pie`, `d3.svg.arc`, and `d3.nest` for data grouping, plus the d3-legend library for the color legend. Data comes from the Pew Research Center’s Global Religious Landscape dataset, rendered as SVG.

663anp3ca

95% match

Loading thumbnail…

D3 Example

This visualization displays small multiples of donut charts, one per country, showing the religious breakdown of the five most populous nations. Each donut uses the same fixed radius, so the charts show only the proportion of religions within each country, not the total population, making the visual misleading for cross-country comparison. The code uses D3’s `d3.layout.pie` and `d3.svg.arc` to generate the slices, with nested selections via `d3.nest()` to group data by country. A color legend from `d3-legend` maps religions to colors, and the data comes from the Pew Research Center’s Global Religious Landscape dataset, loaded from a CSV file.

CCurran Kelleher

94% match

Loading thumbnail…

D3 Example

This visualization displays small multiples of pie charts showing the religious breakdown of the five most populous countries. Each donut uses color-coded slices for different religions, with all charts scaled equally regardless of population, highlighting proportional composition within each nation. The code uses D3.js with `d3.layout.pie` and `d3.svg.arc` for chart generation, `d3.nest` for data grouping, and the d3-legend library for the color key. Data comes from the Pew Research Center Global Religious Landscape dataset.

LLjfernando

93% match

Loading thumbnail…

D3 Example

Small multiples of donut charts display the religious composition of the five most populous countries. Each donut’s area is proportional to that country’s total population, making the visualization more honest than a fixed-size comparison. The code uses `d3.nest()` to group data by country, `d3.layout.pie()` and `d3.svg.arc()` to construct the arcs, and a square-root `radiusScale` tied to population sums. Data comes from the Pew Research Center’s Global Religious Landscape dataset. A categorical `colorScale` and a `d3.legend.color()` legend encode the religions, with an `xAxis` labeling each country.

CCurran Kelleher

93% match

Loading thumbnail…

D3 Example

This is a small-multiples visualization of pie charts showing the religious breakdown of the five most populous countries. Each country’s donut chart displays the proportion of its population following each religion, but the charts are all the same size, so area is not proportional to population, which can be misleading. The code uses D3’s `d3.layout.pie` and `d3.svg.arc` to generate the slices, with nested selections binding data to each chart. It also employs the d3-legend library for the color legend and renders as SVG. Data comes from the Pew Research Center’s Global Religious Landscape dataset.

CCurran Kelleher

93% match

Loading thumbnail…

D3 Example

This visualization shows small multiples of polar area charts comparing the religious breakdown of the five most populous countries, with each slice sized by population and colored by religion. Using D3.js and d3-legend, the code applies nested selections and a pie layout, with a square-root radius scale to encode values. The chart renders in SVG and pulls data from the Pew Research Center Global Religious Landscape dataset, including a color legend for religion categories.

TThanaporn-sk

93% match

Loading thumbnail…

D3 Example

This small multiples visualization displays the religious composition of the five most populous countries—China, India, the USA, Indonesia, and Brazil—using donut charts. Each donut represents one country, with slices sized by the population of each religion, though the charts themselves are not scaled by total population. The code uses D3’s `d3.layout.pie` and `d3.svg.arc` to generate the slices, with a nested selection binding data per country. A color legend from the d3-legend library maps religions to a category10 scale, while the x-axis labels each country. The data comes from the Pew Research Center’s Global Religious Landscape dataset, rendered as SVG.

663anp3ca

92% match