Skip to main content
SimilarExport ZIP
100%

Coronavirus Deaths Over Time by Country With Voronoi Overlay

✓ Published1🌍 Public
TThomas Cormican
Last edited Jan 15, 2022
Created on Jan 14, 2022

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

AI-generated description
MIT Licensed

Similar vizzes

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

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.

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

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
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
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 by Country over Time (with Voronoi Hover)

This chart displays cumulative COVID-19 deaths over time for each country, with a log-scaled y-axis to accommodate wide variation in totals. A Voronoi overlay built with `d3.Delaunay` and `d3.voronoi` enables hovering anywhere near a data point to highlight that country’s entire line and show its latest death count, date, and name in a tooltip. Data comes from the Johns Hopkins Coronavirus dataset, rendered as SVG paths using React and D3’s `scaleTime`, `scaleLog`, and `line` generators.

Wwindwaver
95% match