Skip to main content
SimilarExport ZIP
100%

Fork of Coronavirus Deaths Over Time by Country With Voronoi Overlay

✓ Published0🌍 Public
Nn.koldovsky@gmail.com
Last edited Aug 23, 2022
Created on Aug 23, 2022

Multiple countries' cumulative COVID-19 death counts are plotted as thin gray lines on a log-scaled y-axis against time. A Voronoi overlay, generated via `d3.Delaunay` and `d3.delaunay.voronoi`, partitions the chart area so hovering any point highlights the nearest country's full line in black. Implemented in React with D3 v5, the chart loads the Johns Hopkins time-series dataset via `d3.csv` and renders all geometry as SVG, with axes created using `d3.axisBottom` and `d3.axisLeft`.

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 fork of a line chart displays global cumulative COVID-19 deaths over time, with each country’s trajectory as a gray line. A Voronoi overlay, computed via the `d3.delaunay` and `d3.Delaunay.voronoi` APIs, makes the nearest data point under the cursor hoverable, highlighting the corresponding country’s line in black. Built with React and D3 v5, the chart uses `d3.scaleTime`, `d3.scaleLog`, and `d3.line` to map dates and log-scaled death totals, rendering as SVG. Data comes from the Johns Hopkins Coronavirus dataset, parsed with `d3.csv`.

Vvanquisher2000
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 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
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
Loading thumbnail…

Fork of Coronavirus Deaths Over Time by Country With Voronoi Overlay

This chart shows global coronavirus deaths over time as multiple gray trend lines, one per country, on a logarithmic y-axis. Hovering over a line highlights that country’s series in black. The chart uses a Voronoi overlay built with `d3.Delaunay` and `d3.delaunay.voronoi` to make the thin lines easier to target with the mouse, mapping each point to its nearest data cell in the SVG. Data comes from the Johns Hopkins COVID-19 global deaths time series, parsed via `d3.csv` and `timeParse`. The visualization is rendered in React with D3 scales and axes (`scaleTime`, `scaleLog`, `axisBottom`, `axisLeft`).

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