Skip to main content
SimilarExport ZIP
100%

Fork of Coronavirus Deaths Over Time by Country With Voronoi Overlay

✓ Published0🌍 Public
YYedrup
Last edited Jan 31, 2021
Created on Jan 31, 2021

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.

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

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

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

This fork of a line chart visualizes cumulative coronavirus deaths by country over time, using a log-scaled y-axis to accommodate wide variation in death tolls. Hovering over any point triggers a Voronoi overlay, powered by `d3.Delaunay`, to highlight the nearest data point, illuminate the corresponding country’s line, and display a tooltip with the date, country, and death count. The chart is built with React and D3 v5, rendering SVG paths from the Johns Hopkins COVID-19 dataset, with axes generated via `d3.axisBottom` and `d3.axisLeft`.

KKirsten Lund
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 fork of a line chart of cumulative COVID-19 deaths over time by country, using a log-scaled y-axis, renders the global dataset from the Johns Hopkins Coronavirus GitHub repository. React components build SVG paths for each country’s time series, while a D3 Voronoi overlay (computed via `d3.Delaunay`) captures mouse hover events to highlight the nearest data point’s country line, turning it black and thicker. The chart uses `d3.scaleTime`, `d3.scaleLog`, and `d3.line` to encode the data, with axes from `d3.axisBottom` and `d3.axisLeft`.

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

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