100%

Covid Global Deaths By Country Over Time With Voronoi Overlay

✓ Published0🌍 Public

Last edited Apr 6, 2021

Created on Apr 6, 2021

Forked from Covid Global Deaths By Country Over Time

This chart displays cumulative COVID-19 death counts for multiple countries over time, using a multi-line graph rendered with SVG paths. A Voronoi overlay, built with `d3.Delaunay` and `voronoi.renderCell`, is drawn in pink on top of the lines to enable precise mouse interaction with individual data points across the densely packed trajectories. The chart loads global time-series data from the CSSEGISandData COVID-19 GitHub repository, parses it with `d3.csv` and `timeParse`, and scales the axes with `scaleTime` and `scaleLinear`. React manages the component structure, while D3 handles axis generation via `axisBottom` and `axisLeft`.

AI-generated description

Part Two of a Series of Data Viz on Global Covid-19 Deaths

Basic LineChart of Global Deaths

MIT Licensed

Similar vizzes

Loading thumbnail…

Covid Deaths over time with Voronoi Overlay

A line chart tracks global cumulative COVID-19 deaths over time, with one gray line per country. Hovering over any point highlights that country's entire line in black. The chart uses a log-scaled y-axis and renders as SVG. A Voronoi overlay, built with `d3.Delaunay`, partitions the chart area into mouse-sensitive regions for each data point, enabling easy hover detection without precise cursor targeting. Data comes from the COVID-19 Data Repository by the Center for Systems Science and Engineering (CSSE) at Johns Hopkins University, loaded via `d3.csv`.

Jj-PGi

93% match

Loading thumbnail…

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

92% match

Loading thumbnail…

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

92% match

Loading thumbnail…

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

92% match

Loading thumbnail…

Covid Global Deaths By Country Over Time

This line chart shows cumulative COVID-19 death totals for each country over time, with every country represented as a separate colored path. The chart uses an SVG rendering with React components, while D3’s `scaleTime`, `scaleLinear`, and `line` generator handle the axes and path construction. Data is loaded from the CSSEGISandData GitHub repository via `d3.csv`, and the Y-axis uses D3’s `axisLeft` with tick formatting to display compact death counts. Multiple countries are rendered simultaneously, allowing visual comparison of pandemic trajectories.

PPadoSensei

92% match

Loading thumbnail…

Coronavirus Deaths Over Time by Country With Voronoi Overlay

A line chart displays cumulative COVID-19 deaths over time, with a gray line for each country from the Johns Hopkins dataset. A Voronoi overlay, built with `d3.Delaunay`, enables hover interaction: moving the mouse over any point highlights the corresponding country’s full line in black and shows a tooltip with its name, death count, and date. The SVG chart uses `d3.scaleTime`, `d3.scaleLinear`, and `d3.line` for axes and paths, with React handling state updates.

PPadoSensei

92% match

Loading thumbnail…

Coronavirus Deaths Over Time by Country With Voronoi Overlay

This line chart shows cumulative COVID-19 deaths over time for multiple countries, with the most recently hovered country’s line highlighted in black. A Voronoi overlay, built with `d3.Delaunay` and `d3.voronoi`, simplifies mouse interaction by assigning each data point a cell that triggers the highlight. The chart uses `d3.scaleTime` for the x-axis, `d3.scaleLog` for the y-axis, and renders paths via `d3.line`. Data comes from the CSSEGISandData COVID-19 time series CSV, parsed with `d3.csv` and `d3.timeParse`.

TThomas Cormican

91% match

Loading thumbnail…

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

91% match