Covid Deaths over time with Voronoi Overlay

100%

Covid Deaths over time with Voronoi Overlay

✓ Published0🌍 Public

Last edited Aug 10, 2021

Created on Aug 6, 2021

A line chart tracks global cumulative COVID-19 deaths over time, with one gray line per country. Hovering over any point highlights that country's entire line in black. The chart uses a log-scaled y-axis and renders as SVG. A Voronoi overlay, built with `d3.Delaunay`, partitions the chart area into mouse-sensitive regions for each data point, enabling easy hover detection without precise cursor targeting. Data comes from the COVID-19 Data Repository by the Center for Systems Science and Engineering (CSSE) at Johns Hopkins University, loaded via `d3.csv`.

AI-generated description

MIT Licensed

Similar vizzes

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

94% match

Loading thumbnail…

Coronavirus Deaths Over Time With Voronoi Overlay

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.

KKtuzinowski

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

93% match

Loading thumbnail…

Covid Global Deaths By Country Over Time With Voronoi Overlay

This chart displays cumulative COVID-19 death counts for multiple countries over time, using a multi-line graph rendered with SVG paths. A Voronoi overlay, built with `d3.Delaunay` and `voronoi.renderCell`, is drawn in pink on top of the lines to enable precise mouse interaction with individual data points across the densely packed trajectories. The chart loads global time-series data from the CSSEGISandData COVID-19 GitHub repository, parses it with `d3.csv` and `timeParse`, and scales the axes with `scaleTime` and `scaleLinear`. React manages the component structure, while D3 handles axis generation via `axisBottom` and `axisLeft`.

PPadoSensei

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…

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…

Country Coronavirus Deaths Over Time With Voronoi Overlay

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.

CChris Briggs

93% match

Loading thumbnail…

Coronavirus Deaths by Country over Time (with Voronoi Hover)

A multi-line chart tracks cumulative COVID-19 deaths over time for each country, with a logarithmic y-axis. A Voronoi overlay, built using `d3.Delaunay`, enables hovering anywhere near a line to highlight that country’s series and display a tooltip with the exact death count and date. SVG paths render the lines, with the active line emphasized thicker in black. Data comes from the Johns Hopkins Coronavirus dataset, fetched via `d3.csv`.

Vvmonney

93% match