Skip to main content
SimilarExport ZIP
100%

Global Live Coronavirus Deaths Over Time

✓ Published0🌍 Public
GGonzalo Montañés
Last edited Dec 5, 2021
Created on Nov 10, 2021

A line chart visualizes global cumulative COVID-19 deaths over time using a logarithmic y-axis. The chart loads daily global death totals from a Johns Hopkins University CSV dataset, parses the data with `d3.csv` and `timeParse`, and renders an SVG line using `d3.line`, `scaleTime`, and `scaleLog`. Red strokes mark the trend, with gridlines and labeled axes generated by `axisBottom` and `axisLeft`. The React component updates as new data becomes available.

AI-generated description

A program that loads and parses some CSV data: [CSS Named Colors]

MIT Licensed

Similar vizzes

Loading thumbnail…

Pulling Live Coronavirus Data

This example shows the global cumulative death toll from COVID-19 over time as a single line chart with a logarithmic y-axis. It loads live data from the Johns Hopkins Coronavirus dataset via `d3.csv` and computes daily totals by summing country values. The chart is built with React and D3 v5, using `scaleTime` and `scaleLog` for axes, while `line` generates the path. SVG rendering with axis labels and gridlines is used, and the chart updates automatically when new data is fetched.

Wwindwaver
92% match
Loading thumbnail…

Pulling Live Coronavirus Data

This example displays a line chart of global cumulative coronavirus deaths over time, using a logarithmic y-axis to accommodate the wide range of values. It loads live data from the Johns Hopkins COVID-19 dataset via `d3.csv`, parsing dates with `d3.timeParse`. The React components render SVG elements, with `d3.scaleTime` for the x-axis and `d3.scaleLog` for the y-axis. Axes are drawn using `d3.axisBottom` and `d3.axisLeft`, while the line path is generated with `d3.line`. Gridlines and tick labels are styled via CSS in the embedded `<style>` block.

CCurran Kelleher
92% match
Loading thumbnail…

Global Coronavirus Deaths

This line chart visualizes global cumulative coronavirus deaths over time, with data from the Johns Hopkins Coronavirus Dataset. The y-axis includes a horizontal marker line at 10,000 deaths, while the x-axis features a vertical marker at the most recent date. Built with React and D3 v5, it uses `d3.scaleTime` for the time axis, `d3.scaleLinear` for the death count, and `d3.line` to generate the path. The chart is rendered as SVG, with axes and labels styled via CSS.

CCurran Kelleher
91% 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
91% match
Loading thumbnail…

Coronavirus line chart

This chart shows the global cumulative death toll from COVID-19 over time as a single black line on a logarithmic scale, with gridlines and labeled axes for Time and Cumulative Deaths. It uses d3.scaleLog for the y-axis and d3.scaleTime for the x-axis, with d3.line generating the SVG path from data fetched from a Johns Hopkins CSSE CSV via d3.csv. Aerial labels and tick marks are rendered by custom React components (XAxis, YAxis) invoking d3.axisBottom and d3.axisLeft.

AAndrea Picciau
90% match
Loading thumbnail…

Coronavirus line chart - global deaths

A line chart tracks cumulative global COVID-19 deaths over time, using data from the Johns Hopkins Coronavirus Dataset. The chart plots dates on a time scale and death totals on a linear scale, with a horizontal marker line highlighting the 500,000-death threshold. Built with React and D3 v5, the visualization uses `scaleTime`, `scaleLinear`, and `line` from d3 to generate an SVG path, while `csv` and `timeParse` handle data loading and date parsing.

YYedrup
90% match
Loading thumbnail…

Fork of Global Coronavirus Deaths

A line chart displays cumulative global COVID-19 deaths over time, using data from the Johns Hopkins Coronavirus Dataset. The chart maps dates to the x-axis and death totals to the y-axis via `scaleTime` and `scaleLinear`, with the line generated by `d3.line`. React components handle the SVG rendering, while `useData` fetches and transforms the CSV with `d3.csv` and `timeParse`. Reference marker lines are defined but not currently invoked.

Ssenilefork
90% match
Loading thumbnail…

Global Coronavirus Deaths Full Linear Graph

This line chart visualizes global COVID-19 death totals over time, using a linear scale to show cumulative deaths from the Johns Hopkins dataset. The SVG rendering is built with React and D3 v5, utilizing `d3.scaleTime` and `d3.scaleLinear` for axes, and `d3.line` for the path. It includes labeled marker lines for the five-million milestone and interactive axis tick marks generated via `d3.axisBottom` and `d3.axisLeft`.

Jjulesgentry
90% match