Skip to main content
SimilarExport ZIP
100%

Country Coronavirus Deaths Over Time With Voronoi Overlay

✓ Published1🌍 Public
CChris Briggs
Last edited Nov 20, 2021
Created on Nov 20, 2021

A line chart displays cumulative COVID-19 deaths per country over time, sourced from the John Hopkins University dataset. Using a log-scaled y-axis and a D3 `scaleTime` x-axis, each country’s trajectory appears as a thin gray path; hovering activates a Voronoi overlay (built with `d3.Delaunay`) to highlight the nearest country’s line in black. A marker line indicates the 1 million death threshold. The chart is implemented in React with SVG rendering, D3 v5, and the `d3-delaunay` library for spatial proximity queries.

AI-generated description

A line chart for John Hopkins Coronavirus Dataset with marker line at 1 million deaths.

MIT Licensed

Similar vizzes

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

Country Coronavirus Deaths Over Time With Voronoi Overlay and Labels

This line chart displays cumulative COVID-19 death counts over time for various countries, using a logarithmic y-axis to accommodate wide value ranges. A Voronoi overlay, built with `d3.Delaunay`, enables interactive hover detection, highlighting the nearest data point and displaying a tooltip with the country name, death total, and date. The visualization is rendered as an SVG using React and D3 v5, with the data sourced from the John Hopkins Coronavirus Dataset.

CChris Briggs
95% match
Loading thumbnail…

Coronavirus Deaths Over Time by Country With Voronoi Overlay

A line chart displays cumulative COVID-19 deaths over time, with a gray line for each country from the Johns Hopkins dataset. A Voronoi overlay, built with `d3.Delaunay`, enables hover interaction: moving the mouse over any point highlights the corresponding country’s full line in black and shows a tooltip with its name, death count, and date. The SVG chart uses `d3.scaleTime`, `d3.scaleLinear`, and `d3.line` for axes and paths, with React handling state updates.

PPadoSensei
95% 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 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
95% 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
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
94% match