Skip to main content
SimilarExport ZIP
100%

corona virus linechart

✓ Published0🌍 Public
Nnexus1058
Last edited May 14, 2021
Created on May 11, 2021

This example displays a single, stark statistic: the total global COVID-19 deaths as of the latest date in the Johns Hopkins time-series dataset. It uses `d3.csv` to load the data, sums the last column of deaths across all countries, and formats the total with `d3.format`. The resulting number and date are rendered in large red text using a `<pre>` element, offering a minimal, data-dense view rather than a traditional line chart.

AI-generated description

This program loads and parses the [Johns Hopkins Corona Virus Dataset (https://raw.githubusercontent.com/CSSEGISandData/COVID-19/master/csse_covid_19_data/csse_covid_19_time_series/time_series_covid19_deaths_global.csv)

MIT Licensed

Similar vizzes

Loading thumbnail…

Coronavirus Basic Line Chart

This example displays the total number of global COVID-19 deaths as of the most recent date in the John Hopkins University time-series dataset. It fetches the CSV data from GitHub, sums the latest column values across all countries, and formats the result with commas using `d3.format`. The code uses `d3.csv` for data loading and `d3.format` for number formatting. A plain HTML page presents the message in a large `<pre>` element.

ZZoe Ferencova
90% match
Loading thumbnail…

Coronavrius Line Chart

A line chart titled “Coronavirus” displays the cumulative global death count from the COVID-19 time series, using the latest date column from the JHU CSSE data. The example fetches the CSV via `d3.csv`, maps each row’s last date value to a number, and reduces the array with a sum accumulator. It then formats the total with `d3.format(',' )` and displays the result as a large-text message in a `<pre>` element. No actual line geometry is drawn; instead, the visualization conveys the single data point through typography.

Jj-PGi
89% match
Loading thumbnail…

coronavirus line chart

This visualization displays the total number of coronavirus deaths worldwide as a single numeric readout, updated to the dataset’s most recent date column. It uses React with a custom `useData` hook that loads the Johns Hopkins CSSE time-series CSV via `d3.csv`, then sums the last column’s values across all countries. The total is formatted with `d3.format` (the `format(",")` comma formatter) and rendered inside a React component. While called a “line chart,” the code only presents the cumulative death toll as a message, not an actual line graph.

BBlake McCarty
88% match
Loading thumbnail…

CoronaVirus Line Chart

A line chart displays the cumulative global death toll from COVID-19 over time, based on data from the CSSE at Johns Hopkins University. The chart marks the most recent date with a vertical “now” line and highlights thresholds at one and two million deaths with horizontal reference lines. Built with React and D3 v5, the visualization uses `scaleTime` and `scaleLinear` for axes, and `d3.line` to generate the SVG path from a dataset transformed from CSV by summing daily death totals across all countries.

33ssalunke
87% match
Loading thumbnail…

Covid Line Chart

This example displays a single, stark statistic: the total number of global COVID-19 deaths as of the latest date in the data. It extracts the last column from a CSV file provided by the Johns Hopkins CSSE repository, sums all values, and formats the total with a thousands separator. The React app uses `d3.csv` to fetch and parse the data, while a `d3.format` comma formatter renders the result in a large `<pre>` element. The visualization emphasizes the magnitude of the figure over a chart, showing the aggregate impact rather than a temporal trend.

TThiago Sawada
86% match
Loading thumbnail…

Cororona Virus Line Chart

This chart displays the global death toll from COVID-19 over time, using a line chart that currently renders as an empty red SVG canvas. The visualization pulls time-series data from the CSSE at Johns Hopkins University via a CSV file, processed with d3’s `csv` loader. The React component structure uses `useData` to fetch the dataset, while the SVG is sized to the full browser window. The code is built with React 16.9, D3 v6, and renders through the `svg` element, though no lines are actually plotted yet.

AAndres de la Garza
86% match
Loading thumbnail…

Coronavirus Line Chart

This line chart visualizes the cumulative global death toll from the Johns Hopkins Coronavirus Dataset over time. The chart uses D3 v6 with React to load CSV data, transform it into daily sums, and render an SVG path via `scaleTime`, `scaleLinear`, and the `line` generator. The resulting graphic shows a single bold black curve tracing the death count across the entire dataset from its start to the present.

WWolfgang
86% match
Loading thumbnail…

Summarizing Coronavirus Data

This visualization displays the total number of COVID-19 deaths worldwide as a single large red figure, along with the date of the latest data column. It loads the Johns Hopkins Coronavirus time-series dataset via `d3.csv`, maps the final column’s values to numbers, and reduces them with a sum accumulator. The result is formatted using `d3.format` and inserted into the DOM via `textContent`.

CCurran Kelleher
86% match