Skip to main content
SimilarExport ZIP
100%

Coronavirus Deaths Over Time by Country with Voronoi Overlay

✓ Published0🌍 Public
Vvmonney
Last edited Oct 18, 2022
Created on Oct 17, 2022

This visualization displays cumulative COVID-19 deaths over time for multiple countries as log-scaled line charts, with a Voronoi overlay enabling hover interactions. The React app loads data from a GitHub-hosted CSV and renders SVG paths using d3.line, d3.scaleLog, and d3.scaleTime. The VoronoiOverlay component leverages d3.Delaunay and d3.voronoi to create interactive cells, while custom XAxis and YAxis components use d3.axisBottom and d3.axisLeft. Gridlines and axis labels are styled via CSS tick rules.

AI-generated description
MIT Licensed

Similar vizzes

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

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

Coronavirus Deaths Over Time With Voronoi Overlay

This visualization tracks global cumulative COVID-19 deaths over time using a log-scaled line chart. Each line represents a country with over 10,000 deaths, sourced from the Johns Hopkins Coronavirus Dataset. The chart renders multiple time series as SVG paths, with a highlighted blue line for the currently hovered country. A Voronoi overlay, built with d3.Delaunay and d3-delaunay, assigns each point to a cell, enabling intuitive mouse interaction that triggers hover detection across all lines. The React-based implementation uses D3 scales, axes, and line generators.

KKtuzinowski
95% match
Loading thumbnail…

Coronavirus Deaths Over Time by Country With Voronoi Overlay

A line chart displays cumulative global coronavirus deaths over time, with one line per country using a log-scaled y-axis. A red Voronoi overlay renders interactive hit regions for hovering. The visualization uses React with D3 v5 APIs including `scaleTime`, `scaleLog`, `d3.line`, and `d3.Delaunay` for the overlay. Data comes from the Johns Hopkins COVID-19 dataset, parsed via `d3.csv` and `timeParse`.

CCurran Kelleher
94% 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
94% match