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 Aug 21, 2021

Created on Aug 21, 2021

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

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

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

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 Over Time by Country With Voronoi Overlay

A multi-line chart tracks cumulative COVID-19 deaths over time for each country, using a logarithmic y-axis to accommodate wide numeric ranges. The visualization encodes country data from the Johns Hopkins Coronavirus Dataset as gray SVG paths, with an active line highlighted in black when a user hovers over a data point. Hover detection is implemented via a Voronoi overlay computed with `d3.Delaunay`, which assigns the nearest data point to the mouse cursor. The chart is built with React and D3 v5, using `d3.scaleTime`, `d3.scaleLog`, and `d3.line` for axes and path generation.

MMykyta Ivanchenko

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

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

Loading thumbnail…

Fork of Coronavirus Deaths Over Time by Country With Voronoi Overlay

This chart displays cumulative global coronavirus deaths over time as multiple gray lines, one per country, on a logarithmic scale. A red Voronoi overlay, generated with `d3.Delaunay` and `d3.delaunay.voronoi`, is drawn on top of the chart to illustrate a spatial partitioning of the plotting area, though its hover handler only logs to the console. The React-based visualization uses `d3.scaleTime`, `d3.scaleLog`, and `d3.line` with SVG rendering. Data comes from the Johns Hopkins Coronavirus time-series CSV.

SSteinarV-design

95% match