Country Coronavirus Deaths Over Time With Voronoi Overlay and Labels

100%

Country Coronavirus Deaths Over Time With Voronoi Overlay and Labels

✓ Published0🌍 Public

Last edited Nov 20, 2021

Created on Nov 20, 2021

Forked from Country Coronavirus Deaths Over Time With Voronoi Overlay

This line chart displays cumulative COVID-19 death counts over time for various countries, using a logarithmic y-axis to accommodate wide value ranges. A Voronoi overlay, built with `d3.Delaunay`, enables interactive hover detection, highlighting the nearest data point and displaying a tooltip with the country name, death total, and date. The visualization is rendered as an SVG using React and D3 v5, with the data sourced from the John Hopkins Coronavirus Dataset.

AI-generated description

A line chart for John Hopkins Coronavirus Dataset with marker line at 1 million deaths.

MIT Licensed

Similar vizzes

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

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

95% match

Loading thumbnail…

Country Coronavirus Deaths Over Time With Voronoi Overlay

A line chart displays cumulative COVID-19 deaths per country over time, sourced from the John Hopkins University dataset. Using a log-scaled y-axis and a D3 `scaleTime` x-axis, each country’s trajectory appears as a thin gray path; hovering activates a Voronoi overlay (built with `d3.Delaunay`) to highlight the nearest country’s line in black. A marker line indicates the 1 million death threshold. The chart is implemented in React with SVG rendering, D3 v5, and the `d3-delaunay` library for spatial proximity queries.

CChris Briggs

95% match

Loading thumbnail…

Coronavirus Deaths Over Time by Country With Voronoi Overlay

This graphic displays cumulative COVID-19 death counts per country on a logarithmic scale, with each country’s trajectory drawn as a line over time. A Voronoi overlay using `d3.Delaunay` enables interactive highlighting: hovering over any cell activates the corresponding country’s line, which thickens and turns black. Built with React and rendered as SVG, the chart uses `d3.scaleLog`, `d3.scaleTime`, and `d3.line` to map data from the Johns Hopkins Coronavirus Dataset.

Vvmonney

95% match

Loading thumbnail…

Coronavirus Deaths by Country over Time (with Voronoi Hover)

This chart displays cumulative COVID-19 deaths over time for each country, with a log-scaled y-axis to accommodate wide variation in totals. A Voronoi overlay built with `d3.Delaunay` and `d3.voronoi` enables hovering anywhere near a data point to highlight that country’s entire line and show its latest death count, date, and name in a tooltip. Data comes from the Johns Hopkins Coronavirus dataset, rendered as SVG paths using React and D3’s `scaleTime`, `scaleLog`, and `line` generators.

Wwindwaver

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

Loading thumbnail…

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

95% match

Loading thumbnail…

Coronavirus By Country w/ Voronoi Overlay

This chart displays cumulative COVID-19 death totals over time for multiple countries, drawn as individual lines on a logarithmic scale. A Voronoi overlay, built with d3-delaunay, partitions the plotting area into cells around each data point, so hovering any region highlights the corresponding country’s line in black. The visualization uses React with D3 v6 for scales and axes, and pulls data from the Johns Hopkins COVID-19 time series dataset, rendered as SVG.

AAnthony Ynami

95% match