Skip to main content
SimilarExport ZIP
100%

Global Coronavirus Deaths Over Time by Country with Voronoi Overlay

✓ Published1🌍 Public
BBen Brophy
Last edited Jan 14, 2022
Created on Jan 14, 2022

This example visualizes global coronavirus deaths over time for each country, using a log-scaled y-axis to accommodate the wide range of values across nations. A Voronoi overlay, generated via `d3.Delaunay`, maps the nearest data points to enable smooth hover interactions that highlight the selected country’s line. The chart is built with React and D3 v7, rendering SVG paths for the time series and axes, with data sourced from the CSSE COVID-19 global time series dataset.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Coronavirus Deaths Over Time by Country with Voronoi Overlay

This example visualizes cumulative coronavirus deaths over time for multiple countries using a log-scaled line chart. A Voronoi overlay, generated with `d3.Delaunay` and `d3.voronoi`, makes each line segment hoverable, highlighting the active country’s path in black. The chart uses `scaleTime` and `scaleLog` for axes, with data from the CSSE COVID-19 time series. React manages the hover state, while SVG renders the paths and overlay.

MMichael Bruno
94% match
Loading thumbnail…

Coronavirus Deaths by Country with Voronoi Overlay

A multi-line chart displays cumulative global coronavirus deaths over time for each country, with a logarithmic y-axis. A Voronoi overlay, generated via `d3.Delaunay` from the chart’s data points, is rendered as pink cell boundaries across the plot area to illustrate spatial partitioning. The visualization uses React components, D3 v5 for scales and axes, and SVG paths for the lines and overlay, sourcing data from the CSSE COVID-19 time series.

NNikita Toropov
93% match
Loading thumbnail…

Coronavirus Deaths over Time by Country with Voronoi Overlay

This visualization plots global COVID-19 death tolls over time for each country, using a logarithmic y-axis to accommodate vast differences in scale. A Voronoi overlay, built with `d3.Delaunay`, maps each data point to its nearest region, enabling hover interactions that highlight the corresponding country's line in black. The chart is rendered as an SVG using React, D3 v6 for scales and axes, and draws data from the CSSEGISandData COVID-19 GitHub repository.

PPeter Krevenets
93% 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
93% match
Loading thumbnail…

Fork of Coronavirus Deaths Over Time by Country With Voronoi Overlay

This chart displays cumulative global coronavirus deaths over time for each country, using a logarithmic y-axis to accommodate the wide range of death counts. A Voronoi overlay, built with `d3.Delaunay` and `d3.voronoi`, enables interactive hover detection: hovering over any point highlights that country's full line in bold black. The visualization is rendered as SVG within a React component, using D3 scales and line generators to plot the data from Johns Hopkins' COVID-19 dataset.

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

Fork of Coronavirus Deaths Over Time by Country With Voronoi Overlay

This example shows global coronavirus deaths over time as a set of cumulative line charts, one per country, on a log-scaled y-axis. Each country’s daily death total is plotted using D3’s `scaleTime` and `scaleLog` scales, with the line generator drawing paths from the Johns Hopkins dataset. A red Voronoi overlay, built with `d3.Delaunay` and `d3-delaunay`'s `voronoi` method, is rendered on top of the chart, dividing the plotting area into cells based on three hard-coded points, though hover interactions are only logged to the console. The visualization is built with React and rendered as SVG, with axes created via `d3.axisBottom` and `d3.axisLeft`.

Jjesramyep1263
93% match
Loading thumbnail…

Coronavirus Deaths Over Time by Country with Voronoi Overlay

This visualization displays cumulative coronavirus death totals over time for multiple countries, with a Voronoi overlay that enables smooth hover interactions to highlight individual country lines. The chart uses a logarithmic y-axis to accommodate the wide range of death counts, while gray lines represent all countries and a black line marks the actively hovered one. Built with React and D3 v7, it employs d3-delaunay’s Voronoi diagram to compute pointer proximity, with data sourced from the CSSEGISandData COVID-19 global time series.

SSerind Joshua McCue
93% match