Curran's Coronavirus Deaths by Country over Time (with Voronoi Hover)

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)

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

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)

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

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)

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