Skip to main content
SimilarExport ZIP
100%

Fork of Coronavirus Deaths Over Time by Country With Voronoi Overlay

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

This visualization shows cumulative COVID-19 deaths over time for each country, plotted on a logarithmic scale with a Voronoi overlay that highlights the nearest data point to the cursor, displaying the active country's name. Built with React and D3 v5, it uses `scaleTime` for the date axis, `scaleLog` for the death counts, `d3.line` for the polylines, and `d3.Delaunay` from the `d3-delaunay` package to compute the Voronoi cells for hover detection. Data comes from the Johns Hopkins CSSE GitHub repository.

AI-generated description

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

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Coronavirus Deaths Over Time by Country With Voronoi Overlay

This chart displays cumulative COVID-19 deaths over time for each country, plotted on a logarithmic y-axis. The visualization features semi-transparent Voronoi cells overlaid on the line chart, enabling hover interactions that highlight the closest data point to the cursor, emphasizing the active country’s line in black. Built with React and D3 v5, it uses `d3.scaleTime`, `d3.scaleLog`, `d3.line`, and `d3.Delaunay` for the Voronoi overlay. Data comes from the Johns Hopkins Coronavirus Dataset, rendered as an SVG.

DDurga Prasad
97% match
Loading thumbnail…

Fork of Coronavirus Deaths Over Time by Country With Voronoi Overlay

This visualization displays the cumulative number of COVID-19 deaths over time for each country, with a Voronoi overlay enabling interactive highlighting. A log-scaled y-axis and time-scaled x-axis render the line chart, while the D3 Delaunay triangulation (`d3.Delaunay`) and Voronoi diagram compute proximity regions for each data point. Hovering a cell triggers a React state update, redrawing a country's line in bold black. Data is sourced from the Johns Hopkins CSSE COVID-19 dataset, rendered as SVG.

Ccwlronald
97% match
Loading thumbnail…

Fork of Coronavirus Deaths Over Time by Country With Voronoi Overlay

This visualization displays cumulative COVID-19 deaths over time for multiple countries as a log-scaled line chart, using data from the Johns Hopkins Coronavirus Dataset. The React component renders lines with d3.line and scales with d3.scaleTime and d3.scaleLog. A d3.Delaunay-based Voronoi overlay, implemented via d3-delaunay, enables hover interactions to highlight the nearest line segment, making it easy to identify individual country trajectories.

KKinjal-Goyani
97% match
Loading thumbnail…

Fork of Coronavirus Deaths Over Time by Country With Voronoi Overlay

This visualization displays global coronavirus deaths over time as a log-scale line chart, with each country’s cumulative death count traced as a separate path. A Voronoi overlay, built using `d3.Delaunay`, partitions the chart area into cells that trigger hover events, highlighting the nearest data point’s country line in black. The chart, rendered as an SVG with React and D3 v5, uses `d3.scaleTime` and `d3.scaleLog` for axes, and pulls data from the Johns Hopkins Coronavirus Dataset.

Oo-n-e
96% match
Loading thumbnail…

Fork of Coronavirus Deaths Over Time by Country With Voronoi Overlay

This visualization displays the cumulative global COVID-19 death toll over time, with each country represented as a line on a logarithmic scale. A Voronoi overlay, generated using `d3.Delaunay` and the `voronoi()` method, creates clickable regions around plotted points to enhance interaction. The chart is built with React and renders paths and axes using D3 v5’s `line()`, `scaleTime()`, and `scaleLog()` functions. Data is sourced from the Johns Hopkins Coronavirus Dataset, loaded via D3’s `csv()` and parsed with `timeParse()`.

JJohnny Dodge
96% match
Loading thumbnail…

Fork of Coronavirus Deaths Over Time by Country With Voronoi Overlay

This chart plots cumulative COVID-19 deaths over time for each country, using a logarithmic y-scale to accommodate wide variation in case numbers. A Voronoi overlay, built with d3-delaunay, enables precise hover detection on the dense line chart, highlighting the nearest data point’s country and redrawing its path in bold black. Data comes from the Johns Hopkins Coronavirus dataset, loaded via d3.csv, with rendering in SVG through React and scales from d3.scaleTime and d3.scaleLog.

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