Skip to main content
SimilarExport ZIP
100%

Coronavirus Line Chart with Voronoi Overlay

✓ Published1🌍 Public
BBlake McCarty
Last edited May 28, 2022
Created on May 28, 2022

A line chart displays global coronavirus death totals over time for multiple countries, with each country shown as a gray line. Hovering over the plot reveals a highlighted black path for the selected country. The visualization uses d3.scaleTime and d3.scaleLog for axes, d3.line for path generation, and a d3.Delaunay-based Voronoi overlay with transparent cells to capture mouse events and trigger country highlighting. Data comes from the CSSEGISandData COVID-19 time series CSV, rendered as SVG with React.

AI-generated description

Line chart of coronavirus data

MIT Licensed

Similar vizzes

Loading thumbnail…

labeled Coronavirus Line Chart with Voronoi Overlay

This line chart displays global coronavirus death totals across multiple countries on a log-scale y-axis over time. Hovering over any point triggers a Voronoi overlay, built with `d3.Delaunay`, to highlight the nearest data point and show a tooltip with the country name, death count, and date. The chart uses React with `d3.scaleTime`, `d3.scaleLog`, and `d3.line`, rendering paths and axes as SVG elements. Data comes from the COVID-19 global deaths time series CSV.

BBlake McCarty
96% match
Loading thumbnail…

Coronavirus Multiple Lines with Voronoi Overlay

The chart displays global cumulative COVID-19 death totals over time, with each country represented as a separate line on a log-scaled y-axis and a time-scaled x-axis. It uses D3.js v6 within a React component, constructing SVG paths via `d3.line` and rendering axes through `d3.axisBottom` and `d3.axisLeft`. A Voronoi overlay, built with `d3.Delaunay`, enables hover interactions: moving the mouse over a cell highlights the corresponding country's line in black, making it easy to identify individual series in dense clusters. Data comes from the CSSE at Johns Hopkins.

AAndre J Denais
95% match
Loading thumbnail…

Coronavirus Chart with Multiple Lines by Country with Voronoi Overlay

A multi-line chart tracks cumulative global COVID-19 deaths over time by country, with a logarithmic y-axis filtering out countries below 10,000 fatalities. Hovering activates a Voronoi overlay, constructed with `d3.Delaunay`, to highlight the nearest line and display a tooltip with the exact date and death count. The React-based SVG visualization uses D3 scales (`scaleTime`, `scaleLog`), axes, and line generators, with data sourced from the CSSE COVID-19 time series on GitHub.

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

Coronavirus With Voronoi Overlay and labels

A line chart tracks cumulative global coronavirus deaths over time, with each country rendered as a thin gray path on a logarithmic y-axis. A Voronoi overlay, built with `d3.Delaunay`, divides the chart into pointer-sensitive cells, so hovering near any line highlights that country’s full trajectory in red and displays a tooltip with its name, death count, and date. The React component uses `useMemo` to cache the Voronoi cells, and data comes from the Johns Hopkins CSSE dataset.

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

Coronavirus By Country w/ Voronoi Overlay

This chart displays cumulative COVID-19 death totals over time for multiple countries, drawn as individual lines on a logarithmic scale. A Voronoi overlay, built with d3-delaunay, partitions the plotting area into cells around each data point, so hovering any region highlights the corresponding country’s line in black. The visualization uses React with D3 v6 for scales and axes, and pulls data from the Johns Hopkins COVID-19 time series dataset, rendered as SVG.

AAnthony Ynami
92% 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
92% match