Skip to main content
SimilarExport ZIP
100%

Activity9_Question2

✓ Published0🌍 Public
Zzoe.romo@att.net
Last edited Apr 21, 2024
Created on Apr 21, 2024
Forked from Hello VizHub

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.

AI-generated description

An example showing the capabilities of VizHub:

  • Loads D3 via UNPKG.
  • Demonstrates use of import from "d3".
  • Demonstrates use of import from local ES6 modules.
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…

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
89% 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…

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

Project Area Chart

This example shows the progression of total COVID-19 cases over time using a filled area chart. The chart plots dates on the x-axis and case counts on the y-axis, with a steelblue area beneath the line and circular markers on each data point. The visualization uses d3.csv to load data, d3.scaleTime and d3.scaleLinear for axes, and d3.area to generate the path. Interactive tooltips appear on mouseover via D3's transition and style methods, while the SVG rendering includes rotated tick labels and axis annotations.

Mmalampatiramya03@gmail.com
80% match
Loading thumbnail…

Activity-9_Question-2

This example shows an area chart of temperature over time, with a filled region beneath a line that maps date to temperature readings. The visualization uses D3 v5 to load a CSV dataset from a gist, parse dates with `d3.timeParse`, and create the chart with `d3.area` and `d3.scaleTime`/`d3.scaleLinear`. It renders to an SVG via a `path` element, styled with a categorical color scheme, and includes labeled x- and y-axes using `d3.axisBottom` and `d3.axisLeft`. The data source is a remote CSV file, and the chart displays the unlabeled series with a single filled area.

Hharipadmavathim2023@gmail.com
80% 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
79% match
Loading thumbnail…

Covid-19 Cases Analysis

This interactive narrative visualization analyzes U.S. COVID-19 case trends across multiple scenes, beginning with a line chart of total confirmed cases from January to May 2020, followed by state-level comparisons and a geographic distribution map. The first scene uses D3 v7 with `d3.select`, `d3.csv`, `d3.timeParse`, and `d3.line` to render an SVG line chart, plotting dates against confirmed case counts from a public COVID-19 dataset. The visualization employs a slideshow navigation format with interactive elements for exploring different data aspects.

Xxiaojingwu138
79% match