Skip to main content
SimilarExport ZIP
100%

Daily Coronavirus Deaths by Country

✓ Published1🌍 Public
CCurran Kelleher
Last edited Jun 8, 2020
Created on Jun 8, 2020

This visualization displays global coronavirus deaths over time by country, with each country represented as a line on a log-scaled y-axis. Hovering over any point triggers a tooltip showing the country name, total deaths, and date, while highlighting that country’s entire line. Built with React and D3 v5, it computes daily death numbers on the fly from cumulative totals in the Johns Hopkins dataset using d3.csv and d3.timeParse. Interaction is handled via a d3.Delaunay-based VoronoiOverlay that maps mouse position to nearest data points, with axes rendered using d3.axisBottom and d3.axisLeft.

AI-generated description

Line chart of Coronavirus cases to date, by country. Data from Johns Hopkins Coronavirus Dataset.

Hover to see details and illuminate lines.

This variant shows daily death numbers. These are derived on the fly by computing the daily difference of total death numbers provided by the dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Coronavirus Deaths Over Time by Country

This chart uses React and D3 v6 to show cumulative global coronavirus deaths over time, with each country as a randomly colored line on a log scale. The visualization reads from the Johns Hopkins CSSE time-series dataset and renders to SVG, with axes generated via D3's `scaleTime` and `scaleLog`, and lines drawn using `d3.line`. The log scale compresses the wide range of death totals across countries, and marker-line components are available for annotating specific dates or thresholds, though none are active in this example.

WWolfgang
91% match
Loading thumbnail…

Coronavirus Deaths by Country over Time (with Voronoi Hover)

This chart displays global coronavirus deaths over time for each country, using a logarithmic y-axis to compare cumulative totals across vastly different scales. A Voronoi overlay, built with `d3-delaunay`, enables hover interactions that highlight the nearest data point, drawing the corresponding country’s line in black and displaying a tooltip with the death count and date. Data comes from the Johns Hopkins CSSE GitHub repository. The visualization is constructed with React and D3 v5, rendering as SVG with axes from `axisBottom` and `axisLeft`.

Aakashnk
91% match
Loading thumbnail…

Coronavirus Deaths by Country over Time (with Voronoi Hover)

A streamgraph-style line chart displays cumulative COVID-19 deaths by country over time, using data from the Johns Hopkins Coronavirus Dataset. A single line represents each country on a log-scaled y-axis. Hovering over any point activates a Voronoi overlay, built with `d3.Delaunay` and `d3.voronoi`, which highlights the nearest data point, illuminates the corresponding country’s entire line, and shows a tooltip with the country name, death total, and date. The visualization is rendered as SVG in React, with axes and scales from D3 v5.

DDiavek
90% match
Loading thumbnail…

Coronavirus Deaths by Country over Time (with Voronoi Hover)

This chart shows cumulative COVID-19 deaths over time for each country, using a log-scaled y-axis to accommodate wide variation. Hovering any point triggers a Voronoi overlay via `d3.Delaunay` to highlight the corresponding country’s line and display a tooltip with the date and death count. Data comes from the Johns Hopkins CSSE GitHub repository, and the visualization is built with React and D3 v5, using SVG paths for lines and axes.

CCurran Kelleher
90% match
Loading thumbnail…

Coronavirus Deaths by Country over Time (with Voronoi Hover)

This example displays coronavirus death totals over time for multiple countries as a log-scale line chart, using data from the Johns Hopkins Coronavirus Dataset. Hovering over any point triggers a Voronoi overlay to highlight the nearest data point, illuminating the corresponding country’s line and displaying a tooltip with the date, country name, and death count. Built with React and D3 v5, the visualization uses `scaleTime`, `scaleLog`, and `line` generators to draw paths, while `d3.Delaunay.from` constructs the Voronoi cell for hover detection.

LLeandro Collares
90% match
Loading thumbnail…

Coronavirus Deaths by Country over Time (with Voronoi Hover)

This chart displays cumulative COVID-19 deaths over time for each country, with a hover interaction that reveals the date, death count, and country name while highlighting the corresponding line. The visualization uses a log-scaled y-axis and a Voronoi overlay, built with d3.Delaunay, to detect the nearest data point for mouse events. Data comes from the Johns Hopkins Coronavirus Dataset, and SVG rendering is managed through React components with D3 scales and axes.

Aakashnk
90% match
Loading thumbnail…

CoronaVirus Deaths Overtime By Country

This visualization displays global coronavirus death totals over time, with each country represented as a thin gray line on a logarithmic scale. A Voronoi overlay enables interactive country selection, highlighting the chosen line in black on hover. Built with React and D3 v5, the chart uses `d3.scaleLog`, `d3.scaleTime`, and `d3.line` to generate SVG paths. Data comes from the CSSEGISandData COVID-19 time series, fetched via `d3.csv`. The Voronoi diagram is constructed with `d3-delaunay` to map mouse position to the nearest data point.

33ssalunke
90% match
Loading thumbnail…

Coronavirus Deaths by Country over Time (with Voronoi Hover)

This visualization tracks cumulative COVID-19 deaths by country over time using a log-scaled line chart. A Voronoi overlay, built with d3.Delaunay, enables smooth hovering to highlight the active country’s line and display a tooltip with the death count and date. The chart uses React with d3.v5 for scales and axes, rendering SVG paths from data sourced from the Johns Hopkins Coronavirus Dataset.

AAziz Jaffrey
90% match