Skip to main content
SimilarExport ZIP
100%

Fork of Coronavirus Deaths Over Time by Country With Voronoi Overlay

✓ Published0🌍 Public
JJohnny Dodge
Last edited Feb 27, 2023
Created on Feb 27, 2023

This visualization displays the cumulative global COVID-19 death toll over time, with each country represented as a line on a logarithmic scale. A Voronoi overlay, generated using `d3.Delaunay` and the `voronoi()` method, creates clickable regions around plotted points to enhance interaction. The chart is built with React and renders paths and axes using D3 v5’s `line()`, `scaleTime()`, and `scaleLog()` functions. Data is sourced from the Johns Hopkins Coronavirus Dataset, loaded via D3’s `csv()` and parsed with `timeParse()`.

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 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
97% 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
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 global coronavirus deaths over time for each country, using a logarithmic y-axis to accommodate the wide range of death counts. A Voronoi overlay, built with `d3.Delaunay` and `d3.voronoi`, enables interactive hover detection: hovering over any point highlights that country's full line in bold black. The visualization is rendered as SVG within a React component, using D3 scales and line generators to plot the data from Johns Hopkins' COVID-19 dataset.

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

Fork of Coronavirus Deaths Over Time by Country With Voronoi Overlay

This example shows global coronavirus deaths over time as a set of cumulative line charts, one per country, on a log-scaled y-axis. Each country’s daily death total is plotted using D3’s `scaleTime` and `scaleLog` scales, with the line generator drawing paths from the Johns Hopkins dataset. A red Voronoi overlay, built with `d3.Delaunay` and `d3-delaunay`'s `voronoi` method, is rendered on top of the chart, dividing the plotting area into cells based on three hard-coded points, though hover interactions are only logged to the console. The visualization is built with React and rendered as SVG, with axes created via `d3.axisBottom` and `d3.axisLeft`.

Jjesramyep1263
96% match
Loading thumbnail…

Fork of Coronavirus Deaths Over Time by Country With Voronoi Overlay

This chart displays global coronavirus death trends over time for each country, with cumulative deaths plotted on a logarithmic scale. A Voronoi overlay, built with d3-delaunay, enables hover detection to highlight the active country's line in black while graying out others. The visualization uses React with d3.v5 for scales and line generation, rendering SVG paths. Data comes from the Johns Hopkins COVID-19 dataset.

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