Coronavirus Deaths Over Time by Country with Voronoi Overlay

100%

Coronavirus Deaths Over Time by Country with Voronoi Overlay

✓ Published1🌍 Public

Last edited Feb 7, 2022

Created on Feb 2, 2022

Forked from Coronavirus Deaths Over Time by Country

Multiple countries' cumulative COVID-19 death tolls are plotted as grey lines on a logarithmic scale over time, with a black line highlighting whichever country the user hovers over. A semi-transparent Voronoi overlay, generated with `d3.Delaunay` and `d3.voronoi`, partitions the chart area into clickable cells to make hovering easier. The React-based visualization uses D3 v7 scales, axes, and line generators, pulling data from the CSSE COVID-19 global time-series CSV.

AI-generated description

MIT Licensed

Similar vizzes

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

96% match

Loading thumbnail…

Coronavirus Deaths Over Time by Country With Voronoi Overlay

This line chart shows cumulative COVID-19 deaths over time for multiple countries, with the most recently hovered country’s line highlighted in black. A Voronoi overlay, built with `d3.Delaunay` and `d3.voronoi`, simplifies mouse interaction by assigning each data point a cell that triggers the highlight. The chart uses `d3.scaleTime` for the x-axis, `d3.scaleLog` for the y-axis, and renders paths via `d3.line`. Data comes from the CSSEGISandData COVID-19 time series CSV, parsed with `d3.csv` and `d3.timeParse`.

TThomas Cormican

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

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

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

95% match

Loading thumbnail…

Coronavirus deaths over time by country with Voronoi Overlay

This chart displays the cumulative COVID-19 death counts over time for multiple countries, using a logarithmic Y-axis to accommodate wide value ranges. A Voronoi overlay, constructed via `d3.Delaunay` and `voronoi.renderCell`, enables intuitive mouse-hover interactions to highlight and emphasize the closest line path. The React-based visualization, rendered as SVG with D3 v7 scales and axes, loads its time-series data from a GitHub-hosted CSV file.

AAndrea Picciau

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

95% match