D3 Example

D3 Example

A bar chart displays the populations of major world religions, with each bar colored by its corresponding religion using the `d3.scale.category10` ordinal color scale. The visualization loads data from `religionWorldTotals.csv` via `d3.csv`, and renders axes with `d3.svg.axis`, applying a custom SI format to abbreviate large numbers. Bars are sized with `d3.scale.ordinal` and `d3.scale.linear` for positioning and height, while the y-axis uses a rotated tick label style from the `Open Sans` font. The code is authored by Curran and uses D3 version 3.5.5, drawing everything as SVG elements.

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

D3 Example

This example shows a single stacked bar chart that breaks down the world’s total population by religious affiliation, using one bar per region (here, a single “World” region) with each segment colored by religion. The visualization uses the D3.js library’s `d3.layout.stack` to compute the stacking of values, while `d3.scale.ordinal` and `d3.scale.linear` map categorical regions and numeric populations to screen positions. Axes are rendered with `d3.svg.axis`, and a color legend is added via `d3.legend.color`. Data comes from the bundled CSV file `religionWorldTotals.csv`, which lists population counts for each religion, and the chart is drawn in SVG.

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.

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.

85% match

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.

85% match

D3 Example

This example visualizes the religious composition of the top five countries by population, using grouped bar charts to compare the population counts for each religion side-by-side within each country. The chart is rendered as an SVG and built with D3.js, leveraging `d3.nest`, `d3.layout.stack`, and `d3.svg.axis` to structure and display the data, while a color legend from the d3-legend library identifies each religious group. Data is loaded from a CSV file containing country, religion, and population values.