Fork of Coronavirus Deaths Over Time by Country With Voronoi Overlay

100%

Fork of Coronavirus Deaths Over Time by Country With Voronoi Overlay

✓ Published0🌍 Public

Last edited Nov 23, 2022

Created on Nov 23, 2022

Forked from 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.

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

Ssurikmeetr

97% match

Loading thumbnail…

Fork of Coronavirus Deaths Over Time by Country With Voronoi Overlay

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.

Ssultanmirzapydev

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

96% match

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 as thin gray lines on a logarithmic y-axis, using data from the Johns Hopkins Coronavirus Dataset. A Voronoi overlay, computed with `d3.Delaunay` from the d3-delaunay library, renders red cells over three hardcoded points, providing a potential interaction region for hover events. The React-based visualization employs `d3.scaleLog`, `d3.line`, and `d3.axisBottom`/`d3.axisLeft` to construct the SVG, with axis tick marks drawn as grid lines.

SSg2041

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

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

95% match