Skip to main content
SimilarExport ZIP
100%

Coronavrius Line Chart

✓ Published0🌍 Public
Jj-PGi
Last edited Aug 3, 2021
Created on Aug 3, 2021

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.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

corona virus linechart

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.

Nnexus1058
89% 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
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 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
88% 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
88% match
Loading thumbnail…

Coronavrius Line Chart with marker line

A line chart tracks cumulative global COVID-19 deaths over time, using a black marker line to highlight the point where the death toll reaches three million. The visualization loads time-series data from the Johns Hopkins CSSE repository via `d3.csv`, transforms dates with `d3.timeParse`, and renders an SVG path generated with `d3.line`. Scales are created with `d3.scaleTime` and `d3.scaleLinear`, while React manages the component state and updates the chart.

Jj-PGi
88% match
Loading thumbnail…

Coronavirus Line Chart

A line chart tracks cumulative global COVID-19 deaths over time, using a black, five-pixel-wide path scaled to the full window. A horizontal marker at four million deaths and a vertical “now” marker at the latest date highlight key thresholds. The visualization is built with React components and D3 v7, using `scaleTime`, `scaleLinear`, and `line` for the path, plus `axisBottom` and `axisLeft` for gridlines. Data comes from a CSV of Johns Hopkins global death counts, aggregated by day and rendered as SVG.

AAlex Stulov
88% match
Loading thumbnail…

CoronaVirus Line Chart with Axis

The chart shows the global cumulative death total from the COVID-19 pandemic over time, using a line path drawn with D3 v5’s `line` generator and scales from `scaleTime` and `scaleLinear`. Horizontal markers at 10,000, 100,000, 500,000, 1,000,000, and 2,000,000 deaths are rendered as rudimentary y-axis gridlines with labels, and the x-axis is built with `axisBottom` and custom tick sizing. Data comes from the Johns Hopkins University CSSE time series CSV, fetched via `d3.csv`, and the visualization is implemented as a React component rendering an SVG.

AAmir
88% match