Skip to main content
SimilarExport ZIP
100%

Coronavirus Deaths by Country over Time (with Voronoi Hover)

✓ Published2🌍 Public
LLeandro Collares
Last edited Apr 25, 2020
Created on Apr 8, 2020

This example displays coronavirus death totals over time for multiple countries as a log-scale line chart, using data from the Johns Hopkins Coronavirus Dataset. Hovering over any point triggers a Voronoi overlay to highlight the nearest data point, illuminating the corresponding country’s line and displaying a tooltip with the date, country name, and death count. Built with React and D3 v5, the visualization uses `scaleTime`, `scaleLog`, and `line` generators to draw paths, while `d3.Delaunay.from` constructs the Voronoi cell for hover detection.

AI-generated description

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

Hover to see details and illuminate lines.

MIT Licensed

Similar vizzes

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

Coronavirus Deaths by Country over Time (with Voronoi Hover)

A multi-line chart displays cumulative COVID-19 deaths over time for each country, using a log scale on the y-axis. Data comes from the Johns Hopkins Coronavirus dataset and is rendered as SVG paths in React. A Voronoi overlay, built with `d3.Delaunay`, makes it easy to hover near any point on the chart; hovering highlights the nearest country’s line and shows a tooltip with the name, death count, and date, using `d3.scaleTime`, `d3.scaleLog`, and `d3.line()`.

AAmit Wadhwa
96% 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…

Coronavirus Deaths by Country over Time (with Voronoi Hover)

A streamgraph-style line chart displays cumulative COVID-19 deaths by country over time, using data from the Johns Hopkins Coronavirus Dataset. A single line represents each country on a log-scaled y-axis. Hovering over any point activates a Voronoi overlay, built with `d3.Delaunay` and `d3.voronoi`, which highlights the nearest data point, illuminates the corresponding country’s entire line, and shows a tooltip with the country name, death total, and date. The visualization is rendered as SVG in React, with axes and scales from D3 v5.

DDiavek
95% match
Loading thumbnail…

Coronavirus Deaths by Country over Time (with Voronoi Hover)

This chart shows cumulative COVID-19 deaths over time for each country, using a log-scaled y-axis to accommodate wide variation. Hovering any point triggers a Voronoi overlay via `d3.Delaunay` to highlight the corresponding country’s line and display a tooltip with the date and death count. Data comes from the Johns Hopkins CSSE GitHub repository, and the visualization is built with React and D3 v5, using SVG paths for lines and axes.

CCurran Kelleher
95% match
Loading thumbnail…

Coronavirus Deaths by Country over Time (with Voronoi Hover)

An interactive line chart shows cumulative COVID-19 deaths over time for each country, using data from the Johns Hopkins Coronavirus Dataset. A Voronoi overlay, built with `d3.Delaunay` and `d3.voronoi`, maps every pixel to the nearest data point, enabling hover to highlight the corresponding country’s line and display a tooltip with the death count and date. The chart uses a logarithmic y-scale (`d3.scaleLog`) and renders as SVG via React, with axes generated by `d3.axisBottom` and `d3.axisLeft`.

LLakshmi9666
95% match
Loading thumbnail…

Coronavirus Deaths by Country over Time (with Voronoi Hover)

A multi-line chart tracks cumulative COVID-19 deaths over time for each country, with a logarithmic y-axis. A Voronoi overlay, built using `d3.Delaunay`, enables hovering anywhere near a line to highlight that country’s series and display a tooltip with the exact death count and date. SVG paths render the lines, with the active line emphasized thicker in black. Data comes from the Johns Hopkins Coronavirus dataset, fetched via `d3.csv`.

Vvmonney
94% 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
94% match