Project Progress Francesca

100%

Project Progress Francesca

✓ Published0🌍 Public

Last edited Feb 25, 2023

Created on Feb 25, 2023

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.

AI-generated description

A scatter plot of the Religion by Country 2010-2050 with a color legend.

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

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

87% 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

86% 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

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

77% 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

74% match

Loading thumbnail…

Scatter Plot

This scatter plot visualizes world population growth from 1960 to 2015, using a filled area chart beneath a red dot for each year. The visualization employs d3.scaleTime and d3.scaleLinear for axes, d3.area with curveBasis for the smooth region, and d3.axisBottom/axisLeft with tick formatting. Data loads from a CSV file via d3.csv. The SVG rendering includes labeled axes and a title, with population values formatted in billions.

Ggregosaure

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