D3 Example

100%

✓ Published0🌍 Public

Last edited Mar 9, 2017

Created on Mar 9, 2017

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.

AI-generated description

A small multiples visualization of polar area charts showing the breakdown of religions for the largest 5 countries. This is example 30 from the screencast Splitting Charts.

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/94f1376b946c9d217014'>Polar Area Diagram</a>

<div align="center"><a href="http://www.simplehitcounter.com" target="_blank"><img src="http://simplehitcounter.com/hit.php?uid=1980288&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/40d5e61963abf20da067'>Polar Area Small Multiples</a>

mit Licensed

Similar vizzes

Loading thumbnail…

D3 Example

This example displays a small multiples visualization of polar area charts, showing the breakdown of religious populations for every country on Earth. The code renders each country as a separate pie chart, with the arc radii scaled to population size and colored by religion using D3's SVG rendering and the d3-legend library. The visualization is explicitly noted as difficult to read due to occlusion but offers a starting point for exploring the Pew Research data. Users can click the color legend to re-sort countries by the selected religion's population.

TThanaporn-sk

95% match

Loading thumbnail…

D3 Example

A small multiples visualization of polar area charts displays the breakdown of religious populations across countries, with each pie chart positioned around a central circle and sized by population. The view animates country charts into place and supports clicking the color legend to re-rank countries by the selected religion’s population. Built with D3.js and SVG, the code uses nested selections, `d3.layout.pie`, `d3.svg.arc`, and ordinal, sqrt, and category color scales, with data from the Pew Research Center’s Global Religious Landscape dataset.

CCurran Kelleher

94% match

Loading thumbnail…

D3 Example

This example visualizes the breakdown of religious affiliations across the five most populous countries using a small multiples layout of polar area charts, where each country appears as a separate circular chart and each segment’s radius encodes the population of a given religion. The visualization is rendered with SVG, using D3’s nested selections to group data by country and a pie layout to generate slices. The code explicitly uses `d3.layout.pie`, `d3.svg.arc`, `d3.nest`, and ordinal and sqrt scales, while the color legend is built with the d3-legend library. Data comes from the Pew Research Center Global Religious Landscape dataset, loaded from a CSV file.

CCurran Kelleher

94% match

Loading thumbnail…

D3 Example

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.

TThanaporn-sk

93% match

Loading thumbnail…

D3 Example

This example shows small multiples pie charts comparing the religious breakdown of the world’s five most populous countries, with each pie’s area scaled proportionally to that country’s total population. The visualization uses D3’s nested selections and d3.layout.pie with d3.svg.arc to draw the charts, d3.scale.sqrt for the population-based radius, and d3.legend.color for the categorical color key. Data comes from the Pew Research Center’s Global Religious Landscape dataset, loaded from a CSV file.

CCurran Kelleher

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

92% match

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

92% match

Loading thumbnail…

D3 Example

This visualization presents a small multiples grid of polar area charts, one for each country, where each chart uses wedge size to encode the population of different religious groups. The code builds these SVG charts with D3.js, using nested selections, a pie layout, and an arc generator, and colors each religious group via a categorical scale. It loads data from a CSV file of the Pew Research Center’s Global Religious Landscape dataset. While visually crowded and hard to read, the example includes an interactive color legend that re-sorts the country charts when a religion is clicked, demonstrating a starting point for further exploration.

CCurran Kelleher

91% match