Covid-19 with live data

100%

Covid-19 with live data

✓ Published1🌍 Public

Last edited Jun 18, 2021

Created on Jun 17, 2021

This visualization displays global Covid-19 death totals over time as a smooth, logarithmic line chart, with tooltips on hovered points and dashed marker lines at 10,000 deaths and the latest date. It loads live time-series data from the CSSE at Johns Hopkins via `d3.csv`, aggregates daily global totals, and renders with React components using `d3.scaleTime`, `d3.scaleLog`, `d3.line` with `curveNatural`, and SVG axes from `d3.axisBottom` and `d3.axisLeft`. The chart updates responsively to the browser window size.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Covid-19

This chart displays the cumulative global COVID-19 death toll over time using a smooth line and points, with markers highlighting the latest date and the 10,000-death threshold. Built with React and D3 v5, it loads data from a CSV via `d3.csv`, aggregates daily totals, and renders an SVG with `scaleTime`, `scaleLinear`, `line().curve(curveNatural)`, and custom axes that include dashed reference lines.

Ssmile2git

91% match

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

89% 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

89% match

Loading thumbnail…

Global Live Coronavirus Deaths Over Time

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.

GGonzalo Montañés

88% match

Loading thumbnail…

Global Covid-19 Deaths

This visualization shows the cumulative global death toll from Covid-19 over time as a red line chart. A horizontal marker at 10,000 deaths and a vertical marker at the most recent date provide reference points. Built with React and D3 v5, it uses `scaleTime`, `scaleLinear`, and a line generator to plot the data, with axes rendered via `axisBottom`. Data comes from the Johns Hopkins Coronavirus Dataset, aggregated by summing daily country-level deaths.

Llouislomax

88% match

Loading thumbnail…

Covid-19 Log Scale

A line chart tracks global cumulative COVID-19 deaths over time using a logarithmic y-axis scale, making early exponential growth readable alongside later plateaus. The visualization uses React with D3 v5, including `scaleLog`, `scaleTime`, and `line` with `curveNatural`. The chart renders as SVG with grid lines, dashed markers at 10,000 deaths and the final date, and tooltips via `<title>` on zero-radius circles. Data comes from the CSSE COVID-19 time-series CSV, summed across all countries.

Ssmile2git

88% match

Loading thumbnail…

Covid-19 death by country

A multi-line chart displays cumulative COVID-19 deaths over time for each country, with a logarithmic y-axis and a dashed reference line marking a specific death count. The visualization loads data from a GitHub-hosted CSV via `d3.csv`, flattens the country time series, and renders SVG paths using `d3.line` with `curveNatural`. React manages the component structure, while `d3.scaleTime`, `d3.scaleLog`, and axis generators handle positioning and tick formatting.

Ssmile2git

87% match

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

87% match