Skip to main content
SimilarExport ZIP
100%

Fork of Coronavirus Deaths by Country over Time (with Voronoi Hover)

✓ Published0🌍 Public
NNarottam Medhora
Last edited Nov 8, 2022
Created on Nov 8, 2022

This chart tracks global Coronavirus deaths over time for each country, using a logarithmic y-axis to show cumulative counts. A Voronoi overlay computed with `d3.Delaunay` enables hover detection on any data point, highlighting the selected country's line and displaying a tooltip with the country name, death count, and date. Data comes from the Johns Hopkins COVID-19 time series, rendered as an SVG with React and d3.v5.

AI-generated description

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

Hover to see details and illuminate lines.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Coronavirus Deaths Over Time by Country With Voronoi Overlay

This chart displays cumulative global coronavirus deaths over time for each country, using a logarithmic y-axis to accommodate the wide range of death counts. A Voronoi overlay, built with `d3.Delaunay` and `d3.voronoi`, enables interactive hover detection: hovering over any point highlights that country's full line in bold black. The visualization is rendered as SVG within a React component, using D3 scales and line generators to plot the data from Johns Hopkins' COVID-19 dataset.

Rrudy0628
97% match
Loading thumbnail…

Fork of Coronavirus Deaths by Country over Time (with Voronoi Hover)

This interactive line chart displays cumulative COVID-19 deaths by country over time, using a logarithmic y-axis. Hovering over any data point triggers a Voronoi overlay (built with `d3.Delaunay`) to highlight the nearest country’s entire time series and show a tooltip with the exact date and death count. The visualization is rendered as SVG in React, with axes and scales from d3.v5, and pulls data from the Johns Hopkins Coronavirus dataset.

RRoberto
97% match
Loading thumbnail…

Fork of Coronavirus Deaths by Country over Time (with Voronoi Hover)

A multi-line chart tracks cumulative COVID-19 deaths over time for each country, using a log scale to accommodate wide value ranges. Hovering over any point triggers a Voronoi overlay, built with `d3.Delaunay`, to highlight the nearest data point, illuminate that country’s line, and display a tooltip with the death count and date. The visualization uses React and d3.v5, rendering SVG elements and pulling data from the Johns Hopkins Coronavirus dataset.

MMalempatiSaranya
97% match
Loading thumbnail…

Fork of Coronavirus Deaths by Country over Time (with Voronoi Hover)

This chart tracks cumulative COVID-19 deaths by country over time on a logarithmic scale, using data from the Johns Hopkins Coronavirus Dataset. Each grey line represents a country’s death trajectory, and hovering over a data point via a Voronoi overlay highlights the corresponding country’s full series in black while displaying a tooltip with the exact date and death count. The visualization is built with React and D3 v5, employing `d3.scaleLog`, `d3.line`, and `d3.Delaunay` from the d3-delaunay library to enable smooth hover interactions across the SVG-rendered paths.

MMaciek Sitkowski
97% match
Loading thumbnail…

Fork of Coronavirus Deaths by Country over Time (with Voronoi Hover)

A multi-line chart tracks cumulative COVID-19 deaths over time for each country, using a logarithmic y-axis to accommodate wide numeric ranges. Hovering over any point triggers a Voronoi overlay, powered by `d3.Delaunay`, to highlight the nearest country’s full trajectory and display a tooltip with its death count and date. The visualization is built with React and D3 v5, rendering SVG paths via `d3.line` and scales from `d3.scaleTime` and `d3.scaleLog`. Data comes from the Johns Hopkins Coronavirus dataset.

EEdward Chung
97% match
Loading thumbnail…

Fork of Coronavirus Deaths by Country over Time (with Voronoi Hover)

A multi-line chart tracks cumulative COVID-19 deaths per country over time, using a logarithmic y-axis. Hovering over any point uses a Voronoi overlay to highlight that country's line and display a tooltip with the exact date and death count. Built with React and D3 v5, the visualization leverages `d3.Delaunay` for the Voronoi diagram, `scaleLog` and `scaleTime` for axes, and loads data from the Johns Hopkins Coronavirus dataset via `d3.csv`.

DDenise Mauldin
96% match
Loading thumbnail…

Fork of Coronavirus Deaths by Country over Time (with Voronoi Hover)

This chart shows cumulative COVID-19 deaths over time for each country, plotted on a log-scaled y-axis. Hovering over any point highlights that country’s full line and displays a tooltip with the exact death count and date. The visualization uses React with D3 v5 scales (`scaleTime`, `scaleLog`) and line generators, while `d3.Delaunay` from `d3-delaunay` builds a Voronoi overlay to capture mouse events, making it easy to select nearby data points. Data comes from the Johns Hopkins Coronavirus dataset via CSV.

Ssultanmirzapydev
96% match
Loading thumbnail…

Fork of Coronavirus Deaths Over Time by Country With Voronoi Overlay

This chart displays global coronavirus death trends over time for each country, with cumulative deaths plotted on a logarithmic scale. A Voronoi overlay, built with d3-delaunay, enables hover detection to highlight the active country's line in black while graying out others. The visualization uses React with d3.v5 for scales and line generation, rendering SVG paths. Data comes from the Johns Hopkins COVID-19 dataset.

JJohnny Dodge
96% match