Coronavirus Deaths by Country over Time (with Voronoi Hover)

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

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

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

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

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

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

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

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