Religion Project Francesca

100%

Religion Project Francesca

✓ Published0🌍 Public

Last edited Feb 25, 2023

Created on Feb 25, 2023

This scatter plot visualizes the religious demographics of various countries in 2010, using the d3 library. It plots the year against the number of Christians in each country, with a color legend distinguishing species, a holdover from the Iris dataset example. The visualization uses d3's `scaleLinear` and `scaleOrdinal` for axis and color scales, and renders data points as circles. The data is loaded from a CSV file and parsed with `csvParse`, with numerical fields converted using the unary plus operator.

AI-generated description

A scatter plot of the Iris Dataset with a color legend.

Similar vizzes

Loading thumbnail…

Project Progress Francesca

This scatter plot shows the projected growth of Folk Religions across global regions from 2010 to 2050, with each circle representing a region-year observation. The visualization uses d3.scaleTime and d3.scaleLinear to map the date and population values, while a color legend using d3.scaleOrdinal with schemeCategory10 distinguishes the six regions. Data is loaded from a CSV file using d3.csvParse, with dates parsed via d3.timeParse. The chart employs d3.axisBottom and d3.axisLeft for axes, and custom reusable functions for the scatter plot and legend.

Ffsajedi22

86% match

Loading thumbnail…

Francesca Project Progress

This visualization displays projected religious population changes across global regions from 2010 to 2050 using a grouped stacked bar chart. Each bar represents a region, with colored segments corresponding to eight religious categories, allowing comparison of both total population and religious composition over time. The chart uses D3 v7’s `stack` function to generate the stacked series, with `d3.scaleBand` and `d3.scaleLinear` for positioning, and `schemeCategory10` for color encoding. Data comes from the provided CSV file containing regional religious population estimates in millions.

Ffsajedi22

83% match

Loading thumbnail…

Project Progress Francesca

This example shows the raw contents of a CSV file containing religious demographic data by country, displayed as a JSON-formatted string within a pre element. The visualization loads the Iris Dataset’s CSV structure—though the actual data lists religion percentages—and parses it using `d3.csvParse`. The current state is rendered via D3’s `select` and `join` methods, with asynchronous fetching triggered on initial load. The code demonstrates a simple state management pattern, where `setState` re-renders the visualization after data arrives.

Ffsajedi22

81% match

Loading thumbnail…

Francesca Religion Project

This visualization shows projected growth in religious populations across countries, displaying a line chart of Muslim population data from 2010 to 2050 for Afghanistan, based on data from the Global Monitoring Laboratory’s Trends in Atmospheric Carbon Dioxide. The chart is built with d3.v7, using `scaleTime`, `scaleLinear`, and `d3.line` to render the path, while `d3.csvParse` and `timeParse` handle data loading and date formatting. Axes are generated via `axisLeft` and `axisBottom`, with labels for year and population values.

Ffsajedi22

80% match

Loading thumbnail…

Fork of Scatter Plot with Shape Francesca

A D3.js scatter plot visualizes the projected growth of Folk Religions across global regions from 2010 to 2050, using a time-scaled x-axis for years and a linear y-axis for population in millions. Each region is represented by a distinct fill shape, with a custom shape legend identifying the six geographic areas. The visualization loads data from a CSV file, parses dates with `timeParse`, and builds axes, scales, and marks using `scaleTime`, `scaleLinear`, `scaleOrdinal`, and `symbolsFill`. The chart leverages the `selection.join` API to efficiently render paths and SVG elements.

Ffsajedi22

80% match

Loading thumbnail…

Fork of Fork of Loading Data Religion by Country Francesca Sajedi

This example visualizes the global spread of religions using data from the Pew Research Center, showing population figures for each religious group by country. The visualization displays a map view of countries, highlighting the dominant religion per country and enabling comparison of religious population sizes across regions. The code uses D3 v7’s `fetch` to load a CSV file, `csvParse` to parse the data, and converts string values to numbers for quantitative analysis. The data includes categories for Christians, Muslims, Hindus, Buddhists, and other faiths, with null values representing populations under 10,000.

Ffsajedi22

78% match

Loading thumbnail…

Pseudo-Visualization Francesca Sajedi 2

This visualization uses fake data about the religious composition of four named countries ("one" through "four") to render a stacked bar chart. It encodes counts for Christianity, Islam, non-affiliation, Hinduism, Buddhism, folk religions, other religions, and Judaism using different colors from the d3 schemeCategory10 palette. The chart is built with d3.v7, using d3.stack to compute the stacked series, d3.scaleBand for the x-axis, and d3.scaleLinear for the y-axis. Axes are added via d3.axisBottom and d3.axisLeft, while the bars are positioned and sized through the xScale and yScale within the stacked bars. The code also shows a pseudo-visualization approach, with bundled JavaScript files and a simplified data structure rather than the original external source.

Ffsajedi22

77% match

Loading thumbnail…

D3 Example

This example visualizes the population sizes of world religions using colored circles positioned along a horizontal axis. It shows the data as an array of circles, with each circle’s area encoding the population value and its color representing the religion category. The visualization is rendered as an SVG using D3.js (version 3.5.5), with an ordinal x-scale for categorical spacing, a square-root scale for radius, and a categorical color scale. The x-axis is rotated slightly, and data is loaded from a CSV file (`religionWorldTotals.csv`) using `d3.csv`.

CCurran Kelleher

76% match