Skip to main content
SimilarExport ZIP
100%

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

✓ Published0🌍 Public
Ssultanmirzapydev
Last edited Aug 21, 2021
Created on Aug 21, 2021

This fork of the interactive line chart from the visualization gallery uses a Voronoi overlay to make hovering over the chart more intuitive. The chart displays cumulative COVID-19 deaths over time for each country, using a logarithmic y-axis and data from the Johns Hopkins Coronavirus Dataset. Upon hovering, an invisible Voronoi cell highlights the nearest line, making it active, and a tooltip shows the country name, death count, and date. The visualization uses React, D3 v5, and SVG, with the Delaunay triangulation and Voronoi diagram built using `d3.Delaunay`.

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 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)

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
97% 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 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)

This interactive line chart displays cumulative coronavirus deaths by country over time, using a logarithmic scale to compare countries with vastly different death tolls. Hovering over the visualization triggers a Voronoi overlay, built with d3-delaunay, to identify the nearest data point and highlight its corresponding line with a tooltip. The chart is rendered with SVG within a React framework, using d3.scaleTime and d3.scaleLog for axes and d3.line for path generation. Data comes from the Johns Hopkins Coronavirus Dataset.

Lleongtini
96% match
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
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)

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
96% match