Skip to main content
SimilarExport ZIP
100%

Coronavirus Deaths Over Time With Voronoi Overlay

✓ Published1🌍 Public
KKtuzinowski
Last edited Jul 31, 2021
Created on Jul 31, 2021

This visualization tracks global cumulative COVID-19 deaths over time using a log-scaled line chart. Each line represents a country with over 10,000 deaths, sourced from the Johns Hopkins Coronavirus Dataset. The chart renders multiple time series as SVG paths, with a highlighted blue line for the currently hovered country. A Voronoi overlay, built with d3.Delaunay and d3-delaunay, assigns each point to a cell, enabling intuitive mouse interaction that triggers hover detection across all lines. The React-based implementation uses D3 scales, axes, and line generators.

AI-generated description

This program loads and parses the Johns Hopkins Coronavirus Dataset

MIT Licensed

Similar vizzes

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

Coronavirus Deaths Over Time by Country With Voronoi Overlay

This example displays cumulative COVID-19 deaths over time for multiple countries as a multi-series line chart using a log scale. A Voronoi overlay facilitates mouse interaction by partitioning the chart into regions nearest each data point. The visualization is built with React and D3 v5, using d3-scale for axes and d3-delaunay for the Voronoi diagram. Data comes from the Johns Hopkins Coronavirus dataset, rendered as SVG paths with hover events logging interactions.

DDiavek
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
96% 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

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…

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

Coronavirus Deaths Over Time by Country With Voronoi Overlay and tooltips

This line chart shows cumulative coronavirus deaths over time for countries with more than 1,000 total deaths, using a log scale for the y-axis. A Voronoi overlay, built with `d3.Delaunay`, enables hover detection on the dense line chart, highlighting the active country’s path in black. The visualization uses React with `d3.scaleTime`, `d3.scaleLog`, and `d3.line`, rendering SVG elements with axes from `d3.axisBottom` and `d3.axisLeft`. Data comes from the Johns Hopkins Coronavirus Dataset and is loaded via `d3.csv`.

Ssurikmeetr
95% match