Coronavirus Deaths Over Time By Country w/ Voronoi Overlay

100%

Coronavirus Deaths Over Time By Country w/ Voronoi Overlay

✓ Published1🌍 Public

Last edited Oct 31, 2023

Created on Oct 31, 2023

This interactive chart displays global coronavirus death tolls over time, with each country represented as a line on a logarithmic scale. Users can filter by continent via a dropdown menu. A Voronoi overlay, created using d3-delaunay's `Delaunay.from` and `voronoi.renderCell`, enables precise mouse interaction for highlighting individual country lines and showing tooltips. The visualization uses D3 v7 scales and axes within a React framework, rendering to SVG, and pulls data from Johns Hopkins University.

AI-generated description

A program that depicts global coronavirus deaths as a line chart.

NOTE: Data taken from Johns Hopkins Whiting School of Engineering, as of October 23rd, this data was last updated March 2023 - data has been archived.

See data.

See my profile.

MIT Licensed

Similar vizzes

Loading thumbnail…

Coronavirus Deaths Over Time By Country with Voronoi Overlay

This interactive line chart shows the progression of global coronavirus deaths over time, with each country represented as a thin black line. Hovering over any line highlights that country in blue by displaying its complete timeseries. The visualization uses a D3 Voronoi overlay, computed via `d3.Delaunay`, to capture mouse proximity and trigger the hover effect. Data comes from the CSSE at Johns Hopkins, loaded with `d3.csv`, and rendered as an SVG within a React framework.

RRMartins11

96% match

Loading thumbnail…

Coronavirus Deaths Over Time by Country With Voronoi Overlay

This interactive line chart displays cumulative coronavirus deaths over time for multiple countries using a log-scaled y-axis. A Voronoi overlay, built with `d3.Delaunay` and `d3.voronoi`, captures mouse hover events on any point along a country’s trajectory, highlighting that country’s full line in black. The chart renders SVG paths via React, with axes generated by D3’s `axisBottom` and `axisLeft`. Data comes from the Johns Hopkins COVID-19 time-series dataset.

CCurran Kelleher

95% match

Loading thumbnail…

Coronavirus Deaths Over Time by Country With Voronoi Overlay

This chart displays cumulative global COVID-19 deaths by country over time on a logarithmic scale. Each country’s time series is drawn as a gray line, and hovering over a Voronoi cell highlights that country’s trajectory in black. Built with React and D3 v6, it uses `scaleTime` and `scaleLog` for axes and `d3.Delaunay` for the Voronoi overlay. The data comes from the Johns Hopkins Coronavirus dataset via a CSV file.

WWolfgang

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

95% match

Loading thumbnail…

Coronavirus Deaths Over Time by Country With Voronoi Overlay

This graphic displays cumulative COVID-19 death counts per country on a logarithmic scale, with each country’s trajectory drawn as a line over time. A Voronoi overlay using `d3.Delaunay` enables interactive highlighting: hovering over any cell activates the corresponding country’s line, which thickens and turns black. Built with React and rendered as SVG, the chart uses `d3.scaleLog`, `d3.scaleTime`, and `d3.line` to map data from the Johns Hopkins Coronavirus Dataset.

Vvmonney

95% match

Loading thumbnail…

Coronavirus Deaths Over Time by Country With Voronoi Overlay

A line chart displays cumulative global coronavirus deaths over time, with one line per country using a log-scaled y-axis. A red Voronoi overlay renders interactive hit regions for hovering. The visualization uses React with D3 v5 APIs including `scaleTime`, `scaleLog`, `d3.line`, and `d3.Delaunay` for the overlay. Data comes from the Johns Hopkins COVID-19 dataset, parsed via `d3.csv` and `timeParse`.

CCurran Kelleher

94% match

Loading thumbnail…

Coronavirus Deaths Over Time by Country with Voronoi Overlay

A multi-line chart displays cumulative COVID-19 death totals over time for each country, using a logarithmic y-axis to accommodate disparate magnitudes. A Voronoi overlay, computed with `d3.Delaunay`, maps the nearest data point to mouse coordinates, so hovering highlights that country's trajectory in black. The visualization uses React, D3 v5's `scaleTime` and `scaleLog`, and renders SVG paths from the Johns Hopkins CSSE dataset.

Ee-ines

94% match

Loading thumbnail…

Coronavirus Deaths by Country over Time (with Voronoi Hover)

An interactive line chart shows cumulative COVID-19 deaths over time for each country, using data from the Johns Hopkins Coronavirus Dataset. A Voronoi overlay, built with `d3.Delaunay` and `d3.voronoi`, maps every pixel to the nearest data point, enabling hover to highlight the corresponding country’s line and display a tooltip with the death count and date. The chart uses a logarithmic y-scale (`d3.scaleLog`) and renders as SVG via React, with axes generated by `d3.axisBottom` and `d3.axisLeft`.

LLakshmi9666

94% match