Skip to main content
SimilarExport ZIP
100%

Coronavirus Deaths Over Time by Country With Voronoi Overlay and tooltips

✓ Published0🌍 Public
Ssurikmeetr
Last edited May 5, 2021
Created on May 5, 2021

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

AI-generated description

Line chart of Coronavirus cases to date. Data from Johns Hopkins Coronavirus Dataset.

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
97% 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
96% match
Loading thumbnail…

Coronavirus Deaths by Country over Time (with Voronoi Hover)

An interactive line chart shows cumulative COVID-19 deaths over time for each country, using data from the Johns Hopkins Coronavirus Dataset. A Voronoi overlay, built with `d3.Delaunay` and `d3.voronoi`, maps every pixel to the nearest data point, enabling hover to highlight the corresponding country’s line and display a tooltip with the death count and date. The chart uses a logarithmic y-scale (`d3.scaleLog`) and renders as SVG via React, with axes generated by `d3.axisBottom` and `d3.axisLeft`.

LLakshmi9666
96% 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
96% 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
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
96% match
Loading thumbnail…

Coronavirus Deaths by Country over Time (with Voronoi Hover)

A multi-line chart displays cumulative COVID-19 deaths over time for each country, using a log scale on the y-axis. Data comes from the Johns Hopkins Coronavirus dataset and is rendered as SVG paths in React. A Voronoi overlay, built with `d3.Delaunay`, makes it easy to hover near any point on the chart; hovering highlights the nearest country’s line and shows a tooltip with the name, death count, and date, using `d3.scaleTime`, `d3.scaleLog`, and `d3.line()`.

AAmit Wadhwa
95% 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
95% match