D3 Example

100%

✓ Published0🌍 Public

Last edited Nov 22, 2015

Created on Nov 21, 2015

A polar area diagram displays the world’s religious populations, with each slice’s area proportional to its data value and colored by religion via a categorical color legend. Built with D3.js and d3-legend, it uses `d3.layout.pie`, `d3.svg.arc`, and a square-root scale to compute radii. Data comes from a CSV of Pew Research Center figures, rendered as SVG with a custom x-axis label.

AI-generated description

A polar area diagram of world religions with a color legend. This is similar to a pie chart, but with constant angles, varying area proportional to data. This is example 29 from the screencast Splitting Charts.

Data from Pew Research Center Global Religious Landscape data set
Using d3-legend

forked from <a href='http://bl.ocks.org/curran/'>curran</a>'s block: <a href='http://bl.ocks.org/curran/1c23d9c7070deb6f8488'>Religions Pie Chart</a>

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

Similar vizzes

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

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

89% match

Loading thumbnail…

D3 Example

A pie chart of world religions uses a color legend to distinguish seven global religious groups by population. The D3.js code loads data from a CSV file and renders an SVG pie chart with an ordinal x-axis and categorical color scale. It employs `d3.layout.pie` and `d3.svg.arc` for the slices, and the `d3.legend.color` API from the d3-legend library to generate the color legend. The visualization highlights the relative sizes of religious populations, with Christianity as the largest segment.

CCurran Kelleher

89% match

Loading thumbnail…

D3 Example

This radial bar chart displays world religious populations using curved slices that extend outward from a central point. Each slice's length corresponds to population size, with values read along a shared horizontal axis, while colors distinguish religious groups. The code uses D3.js with `d3.layout.pie`, `d3.svg.arc`, and `d3.scale.ordinal` for positioning, and loads data from a CSV file. A color legend and bottom axis are rendered in SVG. The author notes that this technique distorts area-per-value perception, making it potentially misleading.

CCurran Kelleher

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

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

88% match

Loading thumbnail…

D3 Example

This example uses nested selections to render a small multiples grid of polar area charts, each representing the distribution of religious affiliations by population for a single country. The visualization draws from the Pew Research Center’s Global Religious Landscape dataset and sorts countries by the total population of a selected religion, which can be chosen by clicking a color legend. The code relies on `d3.layout.pie`, `d3.svg.arc`, and `d3.legend.color` to build the SVG charts, with animated transitions applied to reorder and reposition the pies.

CCurran Kelleher

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

87% match