Coronavirus Deaths Over Time by Country with Voronoi Overlay

100%

Coronavirus Deaths Over Time by Country with Voronoi Overlay

✓ Published1🌍 Public

Last edited Aug 25, 2022

Created on Aug 24, 2022

Forked from Coronavirus Deaths Over Time by Country

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.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

Loading thumbnail…

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

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

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

96% match

Loading thumbnail…

Coronavirus Deaths Over Time by Country With Voronoi Overlay

This example displays cumulative COVID-19 deaths over time for multiple countries as a multi-series line chart using a log scale. A Voronoi overlay facilitates mouse interaction by partitioning the chart into regions nearest each data point. The visualization is built with React and D3 v5, using d3-scale for axes and d3-delaunay for the Voronoi diagram. Data comes from the Johns Hopkins Coronavirus dataset, rendered as SVG paths with hover events logging interactions.

DDiavek

95% match

Loading thumbnail…

Coronavirus Deaths Over Time by Country With Voronoi Overlay

This interactive line chart displays cumulative coronavirus deaths over time for multiple countries using a log-scaled y-axis. A Voronoi overlay, built with `d3.Delaunay` and `d3.voronoi`, captures mouse hover events on any point along a country’s trajectory, highlighting that country’s full line in black. The chart renders SVG paths via React, with axes generated by D3’s `axisBottom` and `axisLeft`. Data comes from the Johns Hopkins COVID-19 time-series dataset.

CCurran Kelleher

95% match

Loading thumbnail…

Coravirus Deaths Over Time by Country by Voronoi

This visualization shows cumulative COVID-19 death counts over time for each country, displayed as thin gray lines on a logarithmic scale. When the user hovers over any point along a line, that country’s trajectory highlights in red and a tooltip appears with the country name, death count, and date. The interaction is powered by a Voronoi overlay constructed with `d3.Delaunay.from` and `voronoi.renderCell`, which assigns each data point a hover region. The chart is built with React, D3 v5, and SVG, using `scaleTime`, `scaleLog`, and data from the CSSE COVID-19 time series.

Jjesramyep1263

95% match

Loading thumbnail…

Coronavirus Deaths over Time by Country with Voronoi Overlay

This visualization plots global COVID-19 death tolls over time for each country, using a logarithmic y-axis to accommodate vast differences in scale. A Voronoi overlay, built with `d3.Delaunay`, maps each data point to its nearest region, enabling hover interactions that highlight the corresponding country's line in black. The chart is rendered as an SVG using React, D3 v6 for scales and axes, and draws data from the CSSEGISandData COVID-19 GitHub repository.

PPeter Krevenets

95% match

Loading thumbnail…

Coronavirus Deaths by Country over Time (with Voronoi Hover)

This visualization tracks cumulative COVID-19 deaths by country over time using a log-scaled line chart. A Voronoi overlay, built with d3.Delaunay, enables smooth hovering to highlight the active country’s line and display a tooltip with the death count and date. The chart uses React with d3.v5 for scales and axes, rendering SVG paths from data sourced from the Johns Hopkins Coronavirus Dataset.

AAziz Jaffrey

95% match