Fork of Activity7_Question2_5

100%

Fork of Activity7_Question2_5

✓ Published0🌍 Public

Last edited Apr 9, 2025

Created on Apr 9, 2025

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Activity7_Question2_5

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.

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

89% match

Loading thumbnail…

Fork of Area Chart ice 7

This area chart visualizes daily COVID-19 cases over time, with dates on the x-axis and case counts on the y-axis. The data is loaded from a CSV file via `d3.csv` and parsed using `d3.timeParse`. The chart is rendered as an SVG, using `d3.area` to generate the filled path and `d3.scaleTime`/`d3.scaleLinear` for the axes, which are drawn with `d3.axisBottom` and `d3.axisLeft`. The chart includes axis labels for "Date" and "Cases."

MM Hema

85% match

Loading thumbnail…

Fork of Task8

This visualization displays the trend of confirmed COVID-19 cases over time as a line chart, with the x-axis representing dates and the y-axis showing the cumulative number of cases. The code loads data from a CSV file hosted on GitHub, parses the date and numeric fields, and uses D3 v6 scales and axes (d3.scaleTime, d3.scaleLinear, d3.axisBottom, d3.axisLeft) to render the SVG plot. A single orange path is drawn using d3.line, with axis labels added via text elements.

KKELUTH HARI SANKARA KOTESWARA LAL

82% match

Loading thumbnail…

Fork of Activy6-Task3

This fork of Activy6-Task3 presents a bar chart of COVID-19 confirmed cases by US state, loaded from a CSV file via `d3.csv()`. The visualization uses D3 v6 to create an SVG with `scaleBand` for the categorical x-axis and `scaleLinear` for the numeric y-axis, rendering bars with `join("rect")` and rotating the state labels for readability. The chart includes axes from `d3.axisBottom()` and `d3.axisLeft()`, and the bars are colored with a fixed fill.

KKELUTH HARI SANKARA KOTESWARA LAL

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

81% match

Loading thumbnail…

Fork of Fork of Hello VizHub

This visualization shows COVID-19 confirmed cases over time as a line chart, with dates on the x-axis and case counts on the y-axis. It loads data from a CSV file hosted on GitHub and renders an SVG path using `d3.line` and `d3.csv`. The code uses `d3.scaleTime`, `d3.scaleLinear`, and `d3.axisBottom`/`d3.axisLeft` to construct the axes, with styling applied via the `stroke` attribute. The example demonstrates D3 v6 loading via UNPKG.

Vvjc5505@gmail.com

81% match

Loading thumbnail…

Fork of A7_Multi-line Chart

This fork of a multi-line chart visualizes COVID-19 case counts over time, showing a green line with circular points for each date. It uses D3 v7 with an SVG rendering, employing `d3.scaleBand` for the date axis and `d3.scaleLinear` for the case count axis, plus `d3.line` and `d3.axisBottom`/`d3.axisLeft` to generate the chart. Data is loaded from a remote CSV file containing date and case columns, with the line chart displaying a clear trend of rising cases across the period.

MM Hema

81% match