Skip to main content
SimilarExport ZIP
100%

product sales line graph

✓ Published0🌍 Public
Vvidhyanamini
Last edited Mar 26, 2022
Created on Mar 26, 2022

This line chart tracks the cumulative number of deaths from a time series of COVID-19 data, sourced from the Johns Hopkins Coronavirus Dataset. The visualization uses a React front end with D3 v5 to render an SVG line path, with x- and y-axes drawn via `d3.axisBottom` and `d3.axisLeft`. The chart computes daily totals by summing the raw CSV values, with grid lines and axis labels styled through CSS.

AI-generated description

Line chart of Coronavirus cases to date. Data from Johns Hopkins Coronavirus Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Covid - 19 line chart

This line chart visualizes the cumulative total of COVID-19 deaths over time, based on the Johns Hopkins Coronavirus dataset, with a vertical marker highlighting the most recent date and a horizontal marker at 10,000 deaths. The chart is rendered as an SVG using React and D3 v5, employing `scaleTime`, `scaleLinear`, and a D3 `line` generator to plot the data. The axes are drawn with D3's `axisBottom` and custom marker components.

SSai Phaltankar
86% match
Loading thumbnail…

680 Assignment

This example presents a line chart tracking the cumulative total of COVID-19 deaths over time, based on the Johns Hopkins Coronavirus dataset. The visualization uses D3 v5 within a React framework to render an SVG path, with a time-scaled x-axis and linear y-axis. Axis components are built using `d3.axisBottom` and `d3.axisLeft`, while gridlines and markers are drawn as separate React components. The data is loaded via `d3.csv` and transformed to daily death totals.

KKofi Adu-Gyan
85% match
Loading thumbnail…

Visualization Labels

A line chart displays cumulative global COVID-19 deaths over time, with a logarithmic y-axis and labeled axes for time and death counts. The chart uses a React component structure with D3 scales (`scaleTime`, `scaleLog`) and axis generators (`axisBottom`, `axisLeft`) to render SVG elements. Data comes from the Johns Hopkins Coronavirus dataset, processed via `d3.csv` and transformed to sum daily totals.

CCurran Kelleher
83% match
Loading thumbnail…

Corona Virus Line Chart

A line chart tracks cumulative COVID-19 deaths over time, using a time-scaled x-axis and linear y-axis. The React component `LineChart` builds an SVG path via `d3.line`, `scaleTime`, and `scaleLinear`, while `useData` fetches the Johns Hopkins CSSE global deaths CSV and aggregates daily totals. The black, 15-pixel-wide stroke renders the full dataset at window dimensions.

MMichael Bergerson
83% match
Loading thumbnail…

Visualization labels

A line chart visualizes global cumulative COVID-19 deaths over time, using a logarithmic scale to accommodate the data's growth. The chart fetches data from the Johns Hopkins Coronavirus dataset via `d3.csv` and renders with React and D3 v5, using `scaleTime`, `scaleLog`, and `d3.line`. Axis components built with `d3.axisBottom` and `d3.axisLeft` include grid lines and custom tick formatting, while the SVG includes titles and axis labels.

YYedrup
83% match
Loading thumbnail…

use d3 Axis Coronavirus data

This example presents a line chart of cumulative global COVID-19 deaths over time, sourced from the Johns Hopkins CSSE time-series dataset. Using React with D3 v7, it maps dates to a time scale and death totals to a linear scale, rendered as an SVG path. Custom XAxis and YAxis components leverage d3.axisBottom and d3.axisLeft with gridlines, while the chart’s axes and line are styled via CSS. The visualization resizes to the window dimensions and updates through a loading state while fetching CSV data.

BBlake McCarty
83% match
Loading thumbnail…

Coronavirus Line Chart

A line chart tracks global cumulative COVID-19 deaths over time, using a logarithmic y-axis to show growth across multiple orders of magnitude. Built with React and D3 v6, it fetches live data from the Johns Hopkins CSSE GitHub repository via `d3.csv`. The chart renders as SVG, with scales created by `scaleTime` and `scaleLog`, axes via `axisBottom` and `axisLeft`, and a tomato-colored `MarkerY` annotation highlighting the 10,000-death threshold.

WWaseem Medhat
82% match
Loading thumbnail…

Coronavirus Visualisation Labels

A line chart displays global cumulative COVID-19 deaths over time from the Johns Hopkins dataset, using a logarithmic y-axis and a red marker line at 1 million deaths. The React app with D3 v5 uses `scaleTime` and `scaleLog` for axes, `line` to generate the SVG path, and `axisBottom`/`axisLeft` for labeled ticks. Axis labels and the marker lines annotate the chart, while CSS styles the gridlines and typography.

CChris Briggs
82% match