Per capita for AFG during covid

100%

Per capita for AFG during covid

✓ Published0🌍 Public

Last edited Apr 6, 2023

Created on Apr 6, 2023

This chart displays the change in GDP per capita for Afghanistan over time during the COVID-19 pandemic. A black line traces the trend, with the date on the x-axis and the GDP per capita value on the y-axis. The visualization is built with D3 v5, using `d3.scaleTime` and `d3.scaleLinear` for the axes, `d3.line` for the path, and `d3.csv` to load the remote data. The SVG output includes labeled axes and a grid, with the line path styled through the `line_path` class.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Per capita for AFG during covid Area Chart

This area chart visualizes Afghanistan's GDP per capita during the COVID-19 pandemic, with dates on the x-axis and economic output on the y-axis. The chart uses D3 v5’s `scaleTime`, `scaleLinear`, `axisBottom`, and `axisLeft` to construct the axes, while `line` and `area` generators with `curveBasis` draw the smoothed time-series trend. The SVG rendering is driven by a React framework, and data is loaded from a remote CSV containing global pandemic economic indicators.

VVAbhiram99

94% match

Loading thumbnail…

covid_data

This visualization shows the cumulative confirmed COVID-19 cases over time for Afghanistan and Albania from January to August 2020, with each country tracked as a separate line across the date columns. The line chart uses a linear scale for case counts, with the x-axis representing chronological dates from 1/22/20 through 8/21/20, and the y-axis indicating cumulative case numbers. The data originates from a gist by Cameron-Grams, providing country-level time series. The example highlights the exponential growth patterns and eventual plateauing of cases in these two countries during the early pandemic period, demonstrating how the dataset can be used to compare outbreak trajectories across different regions.

CCameron-Grams

70% match

Loading thumbnail…

Line Chart

This line chart displays the annual tree cover loss in hectares for Afghanistan from 2001 to 2021, showing a decline from early peaks to near-zero in the mid-2010s followed by small fluctuations. The visualization uses d3.line and d3.scaleLinear to generate the path and scales, with d3.axisLeft and d3.axisBottom providing labeled axes. Data is loaded from a CSV file and parsed with d3.csvParse before being passed to the chart. The chart is rendered into an SVG with dimensions matching the browser window.

LLauren

67% match

Loading thumbnail…

Line and Area Charts

This example visualizes reported COVID-19 deaths in Afghanistan over time using a line and area chart. It draws circles at each data point on an SVG canvas, with axes scaled using `scaleTime` and `scaleLinear`. The visualization filters the WHO global COVID-19 dataset by country code and years, then renders the data with `axisLeft` and `axisBottom`. Semi-transparent steelblue circles are used to suggest a line and area effect for the death counts.

Cchristine

65% match

Loading thumbnail…

Fork of Coursework 1.js!

This example visualizes COVID-19 case counts for Afghanistan using a horizontal bar chart rendered in SVG. The chart displays daily cumulative case numbers along the x-axis against the country name on the y-axis, with green bars representing case values. The implementation uses D3 v5 APIs including `select`, `csv`, `scaleLinear`, `scaleBand`, `axisBottom`, and `axisLeft` to load data from `dataset.csv`, scale the values, and generate the interactive axes and rectangles that comprise the visualization.

FFarhaan Qazi

62% match

Loading thumbnail…

GDP per capita

This visualization shows GDP per capita trends for continents from 1970 onward, highlighting values on hover. It uses Vega-Lite APIs to build layered line, rule, and text marks, with interactive selection via `vl.selectSingle()`. Data is loaded asynchronously from a CSV via d3’s `csv` function, filtered to selected regions and series. The chart is rendered with Vega’s SVG renderer, and a guide title and labels are customized through the config object.

Rrohame

61% match

Loading thumbnail…

Line Chart

This line chart displays India’s GDP in billion U.S. dollars from 2001 to 2021, with the year on the x-axis and GDP values on the y-axis. The visualization uses D3 v5 with the `csv`, `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and `line` APIs, rendering in SVG. Data is loaded from a remote CSV file, and axes include gridlines and labels. A red path traces the GDP trend over time.

HHarshavardhan

60% match

Loading thumbnail…

Area Chart

This area chart displays India's GDP in billions from 2011 to 2020, using a filled pink path with a cyan stroke over a time-based x-axis and linear y-axis. The visualization loads CSV data from a GitHub gist, parsing years as dates and GDP values as numbers. Built with D3 v5, it uses `scaleTime`, `scaleLinear`, `axisBottom`, `axisLeft`, and the `area` generator with a `curveBasis` interpolation to create the smooth shaded region. Margins, axis labels, and a title are positioned using SVG groups, with tick lines and labels styled via CSS.

Uubl2

59% match