Coronavirus Deaths over Time by Country with Voronoi Overlay

Coronavirus Deaths Over Time by Country with Voronoi Overlay

A multi-line chart displays cumulative COVID-19 death totals over time for each country, using a logarithmic y-axis to accommodate disparate magnitudes. A Voronoi overlay, computed with `d3.Delaunay`, maps the nearest data point to mouse coordinates, so hovering highlights that country's trajectory in black. The visualization uses React, D3 v5's `scaleTime` and `scaleLog`, and renders SVG paths from the Johns Hopkins CSSE dataset.

Ee-ines

Coronavirus Deaths Over Time by Country with Voronoi Overlay

This visualization displays cumulative coronavirus death totals over time for multiple countries, with a Voronoi overlay that enables smooth hover interactions to highlight individual country lines. The chart uses a logarithmic y-axis to accommodate the wide range of death counts, while gray lines represent all countries and a black line marks the actively hovered one. Built with React and D3 v7, it employs d3-delaunay’s Voronoi diagram to compute pointer proximity, with data sourced from the CSSEGISandData COVID-19 global time series.

SSerind Joshua McCue

Coronavirus Deaths Over Time by Country with Voronoi Overlay

Multiple countries' cumulative COVID-19 death tolls are plotted as grey lines on a logarithmic scale over time, with a black line highlighting whichever country the user hovers over. A semi-transparent Voronoi overlay, generated with `d3.Delaunay` and `d3.voronoi`, partitions the chart area into clickable cells to make hovering easier. The React-based visualization uses D3 v7 scales, axes, and line generators, pulling data from the CSSE COVID-19 global time-series CSV.

KKevin McMorrow

Coronavirus deaths over time by country with Voronoi Overlay

This chart displays the cumulative COVID-19 death counts over time for multiple countries, using a logarithmic Y-axis to accommodate wide value ranges. A Voronoi overlay, constructed via `d3.Delaunay` and `voronoi.renderCell`, enables intuitive mouse-hover interactions to highlight and emphasize the closest line path. The React-based visualization, rendered as SVG with D3 v7 scales and axes, loads its time-series data from a GitHub-hosted CSV file.

AAndrea Picciau

Coronavirus Deaths by Country with Voronoi Overlay

A multi-line chart displays cumulative global coronavirus deaths over time for each country, with a logarithmic y-axis. A Voronoi overlay, generated via `d3.Delaunay` from the chart’s data points, is rendered as pink cell boundaries across the plot area to illustrate spatial partitioning. The visualization uses React components, D3 v5 for scales and axes, and SVG paths for the lines and overlay, sourcing data from the CSSE COVID-19 time series.

NNikita Toropov

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

Coronavirus Deaths Over Time by Country With Voronoi Overlay

This chart displays cumulative global COVID-19 deaths by country over time on a logarithmic scale. Each country’s time series is drawn as a gray line, and hovering over a Voronoi cell highlights that country’s trajectory in black. Built with React and D3 v6, it uses `scaleTime` and `scaleLog` for axes and `d3.Delaunay` for the Voronoi overlay. The data comes from the Johns Hopkins Coronavirus dataset via a CSV file.

WWolfgang

Corona Virus Deaths Over Time By Country With Voronoi Overlay

This visualization displays global cumulative COVID-19 death totals over time for each country, using a logarithmic y-axis to accommodate wide value ranges. A Voronoi overlay, generated with `d3.Delaunay` from the d3-delaunay package, enables smooth hover interaction to highlight any country’s trajectory, even when lines overlap. The React-based chart, built with D3 v5, renders SVG paths for each country’s timeseries, with the active country’s line emphasized in black. Data comes from the CSSEGISandData COVID-19 time series CSV, parsed via `d3.csv` and `timeParse`. Axes and gridlines are drawn using `axisBottom` and `axisLeft`.

KKazushige Okuma