D3 Example

D3 Example

This example shows a donut chart of world religions, with each slice sized by population and colored by religion, accompanied by a color legend. It reads from a CSV dataset on global religious demographics. The visualization uses D3’s `d3.layout.pie` and `d3.svg.arc` to generate the donut, while `d3.scale.ordinal` maps religious names to the x-axis and `d3.scale.category10` assigns colors. The `d3.legend.color` API from the d3-legend library renders the legend. SVG is the rendering method, with axes and labels styled using Open Sans.

91% match

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.

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.

D3 Example

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.

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.

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.

88% match

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.

87% match

D3 Example

This example shows a radial bar chart that divides world religious populations into concentric, color-coded slices. The chart uses D3’s `d3.layout.pie` and `d3.svg.arc` to generate the layout, with each slice’s inner and outer radii scaled by its index, creating a donut-like spiral. The visualization loads data from a local CSV file (`religionWorldTotals.csv`) and renders as SVG, using `d3.legend.color` for the legend and axis scales for categorical labels. The code is an intermediate variant inspired by pie and donut charts, adapting them into a new radial form.