Skip to main content
SimilarExport ZIP
100%

labeled Coronavirus Line Chart with Voronoi Overlay

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

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.

AI-generated description

Line chart of coronavirus data

MIT Licensed

Similar vizzes

Loading thumbnail…

Coronavirus Line Chart with Voronoi Overlay

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.

BBlake McCarty
96% 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…

Voronoi Overlay with Labels

This line chart displays cumulative global coronavirus deaths over time by country, using a log-scaled y-axis and data from the Johns Hopkins Coronavirus Dataset. Hovering over any point on the chart highlights the corresponding country’s entire line and shows a tooltip with the country name, death count, and date. The implementation uses React with d3.scaleTime, d3.scaleLog, and d3.line for the visualization, while a Voronoi overlay built with d3.Delaunay and d3.delaunay.voronoi captures mouse interactions, rendering cells as SVG paths with pointer-events enabled.

DDiavek
94% match
Loading thumbnail…

Voronoi Overlay w/ Labels

This interactive line chart tracks global coronavirus deaths over time, using a log-scaled y-axis and color-coded country lines. Hovering over any line reveals a tooltip labeled with the country name, exact death count, and date. The visualization uses D3’s `scaleLog` and `scaleTime` for axes, and a Voronoi overlay generated from `d3.Delaunay` to capture mouse position and trigger the active line highlight. Data comes from the Johns Hopkins CSSE COVID-19 dataset.

AAnthony Ynami
94% 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
94% match
Loading thumbnail…

Voronoi Overlay with Labels

A line chart displays global coronavirus deaths over time for multiple countries on a logarithmic y-scale, with a Voronoi overlay enabling mouse-based highlighting of the nearest data point and its corresponding country line. The chart uses React with D3 v5 scales and line generators, while the overlay leverages `d3.Delaunay` and `d3.voronoi` to compute cell regions for hover detection. Data comes from the Johns Hopkins Coronavirus dataset, rendered as SVG paths with axes and gridlines.

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

Voronoi Overlay with Labels

A line chart displays global COVID-19 deaths over time, with each country plotted as a separate line. Hovering over any point triggers a Voronoi overlay, built with `d3.Delaunay`, to highlight the nearest data point and its corresponding country line. A tooltip shows the country name, total deaths, and date. The chart uses `d3.scaleTime` and `d3.scaleLog` for axes, with data sourced from a CSV.

PPeter Krevenets
93% match