Skip to main content
SimilarExport ZIP
100%

Fork of Coronavirus Deaths Over Time by Country With Voronoi Overlay

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

Log-scaled line chart displays cumulative COVID-19 deaths over time for each country, sourced from the Johns Hopkins dataset. A Voronoi overlay, computed with `d3.Delaunay`, creates hover regions around each data point, triggering a highlighted stroke on the corresponding country line. React manages the interactive state, while D3’s `scaleLog`, `line`, and `axisBottom`/`axisLeft` render the SVG visualization.

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 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 chart shows cumulative COVID-19 deaths over time for each country as a series of log-scaled line paths in SVG, with a red Voronoi overlay that defines hover regions. The data comes from the Johns Hopkins Coronavirus dataset, loaded via d3.csv. React manages the component hierarchy, while d3.scaleTime, d3.scaleLog, and d3.line generate the axes and paths. The VoronoiOverlay uses d3.Delaunay’s voronoi method to compute cell polygons from a set of points, rendering them as red svg paths.

Ssultanmirzapydev
96% match
Loading thumbnail…

Fork of Coronavirus Deaths Over Time by Country With Voronoi Overlay

A fork of a line chart displays cumulative COVID-19 deaths over time for each country on a log scale. Semi-transparent red Voronoi cells, generated by `d3.Delaunay` from a sparse set of points, overlay the chart to illustrate a hover-interaction technique, though the hover handler only logs to the console. Built with React and D3 v5, the SVG visualization renders axes, grid lines, and multiple country paths from the Johns Hopkins dataset.

YYedrup
96% match
Loading thumbnail…

Fork of Coronavirus Deaths Over Time by Country With Voronoi Overlay

A fork of a line chart showing cumulative COVID-19 deaths over time for multiple countries, plotted with a logarithmic y-axis. Hovering over the chart highlights a country’s full time series in bold black, using a Voronoi overlay built with `d3.Delaunay` to capture mouse events on the densely overlapping lines. The visualization is rendered as SVG via React, with data sourced from the Johns Hopkins Coronavirus dataset, and uses `scaleLog`, `scaleTime`, and D3’s `line` generator to position and draw each country’s path.

TThiago Sawada
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

A multi-line chart tracks cumulative COVID-19 deaths over time for each country using a log-scale y-axis, sourced from the Johns Hopkins Coronavirus Dataset. Hovering over any point via a d3-delaunay Voronoi overlay highlights that country’s full timeseries in red, while all other lines remain muted. The SVG is built with React, using d3.scaleTime, d3.scaleLog, and d3.line for rendering.

Ssmile2git
95% 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
95% match
Loading thumbnail…

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

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

Ssultanmirzapydev
95% match