Activity7_Question2_5

100%

Activity7_Question2_5

✓ Published1🌍 Public

Last edited Apr 9, 2025

Created on Apr 6, 2025

This area chart visualizes the cumulative number of confirmed COVID-19 cases in the United States over time, using a dataset from a GitHub-hosted CSV file. The visualization filters the raw data for the US, groups it by date, and sums the confirmed cases using d3.rollup. An orange area path is generated with d3.area(), while d3.scaleTime and d3.scaleLinear map dates and case counts to SVG coordinates. The chart includes labeled axes, a bold title, and is built entirely with D3.js v7, rendering to SVG via the select and append methods.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Activity7_Question2_5

This area chart displays COVID-19 confirmed cases in the US over time, sourced from a combined time-series CSV dataset. The visualization uses D3 v7's `d3.csv` loader, `d3.scaleTime` and `d3.scaleLinear` for axes, and `d3.area` to generate the filled path. Axes are rendered with `d3.axisBottom` and `d3.axisLeft`, while data is aggregated by date via `d3.rollup`. The chart includes labeled axes and a title, with styling applied through CSS.

Nnavyabade05@gmail.com

92% match

Loading thumbnail…

Activity9_Question2

This area chart displays reported COVID-19 cases in the United States over time, with a teal fill and a darker stroke. The visualization filters a CSV dataset from a GitHub Gist to isolate U.S. data, parses dates and numeric case counts, and uses `d3.scaleTime` and `d3.scaleLinear` to map the axes. It renders the area with `d3.area`, appends axis labels and a bold title, and draws everything as an SVG via the D3 v6 library loaded from UNPKG.

Zzoe.romo@att.net

92% match

Loading thumbnail…

Area Chart Covid19 Data

An area chart displays cumulative COVID-19 cases in the US over time, with a red fill and stroke over a darkred area. The data comes from the New York Times covid-19-data GitHub repository via `d3.csv`. The visualization uses D3 v6 APIs including `d3.scaleTime`, `d3.scaleLinear`, `d3.axisBottom`, `d3.axisLeft`, and `d3.area` to construct the path. SVG rendering occurs within an HTML canvas, with labeled axes and a title. The chart fills the browser window, adapting to its dimensions dynamically.

BBrian Gilmore

82% match

Loading thumbnail…

Bar Chart

This bar chart visualizes the daily confirmed COVID-19 cases across eight countries from January to May 2020. The current configuration displays the US case count on the x-axis and dates on the y-axis, with each bar’s length representing the cumulative total. The code uses D3 v5 APIs including `csv`, `scaleLinear`, `scaleBand`, `axisLeft`, and `axisBottom` to load data from a CSV file and render the SVG, with configurable axis labels and grid lines.

SSarahKiyani

81% match

Loading thumbnail…

Area Chart

This area chart displays the number of USA pandemic cases from 2013 to 2021, using a red filled area beneath a black line to emphasize the trend over time. The visualization is built with D3 v5, employing `scaleLinear` for both axes, `line` and `area` generators with `curveBasis` for smooth interpolation, and `axisBottom` and `axisLeft` for tick marks. Data is loaded from a CSV file hosted on GitHub, and the SVG rendering includes labeled axes for year and case counts.

JJyothicherukuri

81% match

Loading thumbnail…

Line Chart Covid19 Data

This line chart displays cumulative COVID-19 cases in the United States over time, using data from the New York Times GitHub repository. The visualization plots dates on the x-axis and case counts on the y-axis, with a thick red line connecting data points. It is built with D3.js v6, using `d3.csv` for data loading, `d3.timeParse` for date formatting, and `d3.scaleTime` and `d3.scaleLinear` for the axes. The line is rendered as an SVG path via `d3.line`, with axis labels and a title added as SVG text elements.

BBrian Gilmore

80% match

Loading thumbnail…

Chart 1

This visualization displays the progression of confirmed COVID-19 cases over time as a single orange line chart. The x-axis maps dates using `d3.scaleTime`, while the y-axis uses `d3.scaleLinear` to represent case counts. Data is loaded via `d3.csv` from a GitHub gist and parsed with `d3.timeParse`. The line is rendered with `d3.line`, and axes are drawn using `d3.axisBottom` and `d3.axisLeft`. The SVG structure is built with D3 v6, with explicit margins, axis labels, and a white background.

Rramsrinivaskatragadda@my.unt.edu

80% match

Loading thumbnail…

Lab 7

This visualization displays line charts of confirmed COVID-19 cases over time for multiple countries, with each country represented by a distinct colored line. The chart uses d3.csv to load data from a GitHub repository, d3.scaleTime and d3.scaleLinear for axis scaling, and d3.line to generate the paths. An ordinal color scale assigns unique colors to each country, while d3.axisBottom and d3.axisLeft render the time and case count axes in an SVG canvas.

XXuân Vinh

80% match