Viewing a saved revision (read-only)
b34c22693a7b418d83495507c8b0ffda
Fork of ICE-6: Rendering Marks and Channels with React & D3
This example shows the estimated 2010 religion breakdown of the 20 most populous countries as a stacked bar chart, with hover interactions for tooltips and legend highlighting. Built with React and D3 v5, it uses `d3.csv` to load data from a GitHub-hosted CSV, `d3.scaleBand` and `d3.scaleLinear` for axes, and renders SVG marks via React components. The data originates from the Pew Research Center’s Global Religious Landscape report.
AI-generated descriptionStacked bar chart showing estimated religion breakdown.
Interactions:
- Hover over the bars for tool tips.
- Hover over the legend to highlight religions.
Based on an example from the tutorial Splitting Charts. Derived from the following examples published on bl.ocks.org:
Estimated 2010 religion breakdown of the most populous 20 countries.
Data is from The Global Religious Landscape by Pew Research, generated using this processing script.
TODO: Upgrade dependencies to latest D3 & friends.