Skip to main content
SimilarExport ZIP
100%

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

✓ Published0🌍 Public
Ccani1see
Last edited Aug 26, 2021
Created on Aug 24, 2021

This example visualizes cumulative COVID-19 deaths over time for each country, using a log-scaled y-axis to accommodate wide disparities in death tolls. Hovering over the chart highlights the corresponding country’s line and displays a tooltip with the exact date and death count. The visualization uses React for component structure and D3 v5 (d3-scale, d3-shape, d3-axis) with an SVG renderer. A d3-delaunay Voronoi overlay accelerates mouse interaction by mapping hover positions to the nearest data point. Data comes from the Johns Hopkins Coronavirus Dataset.

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 by Country over Time (with Voronoi Hover)

This visualization shows cumulative coronavirus deaths over time for each country, using a log-scaled y-axis to accommodate wide disparities in death counts. Hovering over any point highlights the corresponding country’s line in black and displays a tooltip with the country name, death total, and date. The interactivity is powered by a Voronoi overlay built with `d3.Delaunay`, which assigns each data point a cell that captures nearby mouse events. The chart is rendered with React and SVG, with axes and scales from d3, and pulls data from the Johns Hopkins COVID-19 dataset.

DDominic Bluawofogbe
98% 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
98% 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 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)

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 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
96% 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 fork of a line chart visualizes cumulative coronavirus deaths by country over time, using a log-scaled y-axis to accommodate wide variation in death tolls. Hovering over any point triggers a Voronoi overlay, powered by `d3.Delaunay`, to highlight the nearest data point, illuminate the corresponding country’s line, and display a tooltip with the date, country, and death count. The chart is built with React and D3 v5, rendering SVG paths from the Johns Hopkins COVID-19 dataset, with axes generated via `d3.axisBottom` and `d3.axisLeft`.

KKirsten Lund
96% match