Skip to main content
SimilarExport ZIP
100%

Coronavirus Deaths Over Time by Country With Voronoi Overlay

✓ Published0🌍 Public
DDiavek
Last edited Mar 28, 2020
Created on Mar 28, 2020

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.

AI-generated description

Line chart of Coronavirus cases to date. Data from Johns Hopkins Coronavirus Dataset.

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

Coronavirus Deaths Over Time by Country with Voronoi Overlay

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.

Vvmonney
96% 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 example displays cumulative COVID-19 deaths per country over time using a log-scaled line chart. A Voronoi overlay, constructed with `d3.Delaunay`, enables precise hover detection across all data points, highlighting the nearest country’s line and displaying a tooltip with the death count, country name, and date. The chart uses `d3.scaleTime`, `d3.scaleLog`, and `d3.line` with React for rendering, pulling timeseries data from the Johns Hopkins COVID-19 dataset.

ZZarak
95% match
Loading thumbnail…

Coronavirus Deaths Over Time by Country with Voronoi Overlay

This example visualizes cumulative coronavirus deaths over time for multiple countries using a log-scaled line chart. A Voronoi overlay, generated with `d3.Delaunay` and `d3.voronoi`, makes each line segment hoverable, highlighting the active country’s path in black. The chart uses `scaleTime` and `scaleLog` for axes, with data from the CSSE COVID-19 time series. React manages the hover state, while SVG renders the paths and overlay.

MMichael Bruno
95% match