Skip to main content
SimilarExport ZIP
100%

Francesca Religion Project

✓ Published0🌍 Public
Ffsajedi22
Last edited Feb 25, 2023
Created on Feb 25, 2023
Forked from Keeling Curve

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.

AI-generated description

A reproduction of the Keeling Curve.

Data downloaded from Global Monitoring Laboratory: Trends in Atmospheric Carbon Dioxide.

Uses:

MIT Licensed

Similar vizzes

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
85% match
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
83% match
Loading thumbnail…

Religion Project Francesca

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.

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
73% 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
72% 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
71% 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
70% match
Loading thumbnail…

Project Progress

This visualization presents a stacked bar chart of fictional religion data by country, using a subset of world religions. The chart displays eight religious categories per country, with each bar segment colored using a categorical palette and sized proportionally to its value. The visualization is built with D3 v7, leveraging D3’s stack layout algorithm to create the stacked segments, alongside scaleBand and scaleLinear for axes, and axisBottom and axisLeft for the x- and y-axis ticks. The underlying dataset is manually defined within the code, providing four countries with invented numeric values.

Ffsajedi22
69% match