Skip to main content
SimilarExport ZIP
100%

Coronavirus Deaths by Country over Time (with Voronoi Hover)

✓ Published0🌍 Public
Aakashnk
Last edited Apr 21, 2020
Created on Apr 21, 2020

This chart displays global coronavirus deaths over time for each country, using a logarithmic y-axis to compare cumulative totals across vastly different scales. A Voronoi overlay, built with `d3-delaunay`, enables hover interactions that highlight the nearest data point, drawing the corresponding country’s line in black and displaying a tooltip with the death count and date. Data comes from the Johns Hopkins CSSE GitHub repository. The visualization is constructed with React and D3 v5, rendering as SVG with axes from `axisBottom` and `axisLeft`.

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 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
97% 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
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 hover interaction that reveals the date, death count, and country name while highlighting the corresponding line. The visualization uses a log-scaled y-axis and a Voronoi overlay, built with d3.Delaunay, to detect the nearest data point for mouse events. Data comes from the Johns Hopkins Coronavirus Dataset, and SVG rendering is managed through React components with D3 scales and axes.

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

Fork of Coronavirus Deaths by Country over Time (with Voronoi Hover)

This chart tracks global Coronavirus deaths over time for each country, using a logarithmic y-axis to show cumulative counts. A Voronoi overlay computed with `d3.Delaunay` enables hover detection on any data point, highlighting the selected country's line and displaying a tooltip with the country name, death count, and date. Data comes from the Johns Hopkins COVID-19 time series, rendered as an SVG with React and d3.v5.

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

Coronavirus Deaths Over Time By Country w/ Voronoi Overlay

This interactive chart displays global coronavirus death tolls over time, with each country represented as a line on a logarithmic scale. Users can filter by continent via a dropdown menu. A Voronoi overlay, created using d3-delaunay's `Delaunay.from` and `voronoi.renderCell`, enables precise mouse interaction for highlighting individual country lines and showing tooltips. The visualization uses D3 v7 scales and axes within a React framework, rendering to SVG, and pulls data from Johns Hopkins University.

Hhunsingeruk@gmail.com
95% match