Skip to main content
SimilarExport ZIP
100%

Coronavirus Line Chart

✓ Published3🌍 Public
WWaseem Medhat
Last edited Dec 25, 2020
Created on Dec 17, 2020

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.

AI-generated description
MIT Licensed

Similar vizzes

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

Coronavirus Line Chart with Marker Lines Part I

This line chart displays global cumulative COVID-19 deaths over time from the Johns Hopkins dataset, with a horizontal marker line at the one-million-death threshold. The React component uses D3 v6 functions `scaleTime`, `scaleLinear`, `extent`, `max`, and `line` to construct an SVG path. Data loading relies on `csv` and `timeParse` to transform daily country-level death counts into aggregated totals. The marker line is drawn as an SVG `<line>` element, while the path is unstyled except for a black stroke defined in the page’s CSS.

WWolfgang
93% match
Loading thumbnail…

Coronavirus Line Chart

The chart displays the cumulative global death toll from COVID-19 over time as a single black line, with a horizontal marker line indicating the 10,000-death threshold. Built with React and D3 v7, it uses `scaleTime` and `scaleLinear` to map dates and totals, while a `line` generator produces the SVG path. The data is fetched from the CSSE COVID-19 time series CSV, aggregated daily by summing deaths across all countries.

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

Coronavirus Line Chart (by Country)

A line chart tracks global cumulative COVID-19 deaths over time for each country, using a logarithmic y-axis to handle the wide range of values. The chart plots a single dark path representing the total deaths across all countries, with a red dashed marker line highlighting the 10,000-death threshold. The visualization is built with React and D3 v6, using `scaleTime` and `scaleLog` to map dates and death totals, and `line()` to generate the SVG path. Data comes from the CSSEGISandData COVID-19 time-series CSV, loaded via `d3.csv` and transformed with `timeParse`.

WWaseem Medhat
93% match
Loading thumbnail…

Coronavirus Line Chart with D3 Axes

A line chart visualizes the cumulative global COVID-19 death toll over time using the John Hopkins Coronavirus Dataset. It plots daily death totals on a linear scale and dates on a time scale, with a red marker line highlighting the 1 million death milestone and an "now" marker at the most recent date. The chart is built with React and renders SVG paths using D3 v5’s `scaleTime`, `scaleLinear`, and `line` generators, while axes are drawn declaratively via `axisBottom` and custom marker-line components. Grid lines are styled with CSS.

CChris Briggs
93% match
Loading thumbnail…

Coronavirus line chart

This chart shows the cumulative global death toll from COVID-19 over time, using a simple black line against a full-screen SVG. The data is loaded from the Johns Hopkins Coronavirus dataset and aggregated by day. It uses D3’s `scaleTime` and `scaleLinear` for the axes, a `line` generator for the path, and React to render the SVG element. The line is styled with a 5px stroke and no fill, emphasizing the overall curve of the pandemic’s mortality.

YYedrup
93% match