Skip to main content
SimilarExport ZIP
100%

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

✓ Published0🌍 Public
RRoberto
Last edited Sep 22, 2023
Created on Sep 22, 2023

This interactive line chart displays cumulative COVID-19 deaths by country over time, using a logarithmic y-axis. Hovering over any data point triggers a Voronoi overlay (built with `d3.Delaunay`) to highlight the nearest country’s entire time series and show a tooltip with the exact date and death count. The visualization is rendered as SVG in React, with axes and scales from d3.v5, and pulls data from the Johns Hopkins Coronavirus dataset.

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…

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

A multi-line chart tracks cumulative COVID-19 deaths over time for each country, using a logarithmic y-axis to accommodate wide numeric ranges. Hovering over any point triggers a Voronoi overlay, powered by `d3.Delaunay`, to highlight the nearest country’s full trajectory and display a tooltip with its death count and date. The visualization is built with React and D3 v5, rendering SVG paths via `d3.line` and scales from `d3.scaleTime` and `d3.scaleLog`. Data comes from the Johns Hopkins Coronavirus dataset.

EEdward Chung
98% match
Loading thumbnail…

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

This fork of a line chart visualizes cumulative coronavirus deaths by country over time, using a log-scaled y-axis to accommodate wide variation in death tolls. Hovering over any point triggers a Voronoi overlay, powered by `d3.Delaunay`, to highlight the nearest data point, illuminate the corresponding country’s line, and display a tooltip with the date, country, and death count. The chart is built with React and D3 v5, rendering SVG paths from the Johns Hopkins COVID-19 dataset, with axes generated via `d3.axisBottom` and `d3.axisLeft`.

KKirsten Lund
98% match
Loading thumbnail…

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

A multi-line chart tracks cumulative COVID-19 deaths over time for each country, using a log scale to accommodate wide value ranges. Hovering over any point triggers a Voronoi overlay, built with `d3.Delaunay`, to highlight the nearest data point, illuminate that country’s line, and display a tooltip with the death count and date. The visualization uses React and d3.v5, rendering SVG elements and pulling data from the Johns Hopkins Coronavirus dataset.

MMalempatiSaranya
98% match
Loading thumbnail…

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

A multi-line chart tracks cumulative COVID-19 deaths per country over time, using a logarithmic y-axis. Hovering over any point uses a Voronoi overlay to highlight that country's line and display a tooltip with the exact date and death count. Built with React and D3 v5, the visualization leverages `d3.Delaunay` for the Voronoi diagram, `scaleLog` and `scaleTime` for axes, and loads data from the Johns Hopkins Coronavirus dataset via `d3.csv`.

DDenise Mauldin
98% match
Loading thumbnail…

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

This interactive line chart displays cumulative coronavirus deaths by country over time, using a logarithmic scale to compare countries with vastly different death tolls. Hovering over the visualization triggers a Voronoi overlay, built with d3-delaunay, to identify the nearest data point and highlight its corresponding line with a tooltip. The chart is rendered with SVG within a React framework, using d3.scaleTime and d3.scaleLog for axes and d3.line for path generation. Data comes from the Johns Hopkins Coronavirus Dataset.

Lleongtini
98% match
Loading thumbnail…

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

This visualization shows cumulative coronavirus deaths over time for each country, using a log-scaled y-axis to accommodate wide disparities in death counts. Hovering over any point highlights the corresponding country’s line in black and displays a tooltip with the country name, death total, and date. The interactivity is powered by a Voronoi overlay built with `d3.Delaunay`, which assigns each data point a cell that captures nearby mouse events. The chart is rendered with React and SVG, with axes and scales from d3, and pulls data from the Johns Hopkins COVID-19 dataset.

DDominic Bluawofogbe
98% match
Loading thumbnail…

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

This chart shows cumulative COVID-19 deaths over time for each country, plotted on a log-scaled y-axis. Hovering over any point highlights that country’s full line and displays a tooltip with the exact death count and date. The visualization uses React with D3 v5 scales (`scaleTime`, `scaleLog`) and line generators, while `d3.Delaunay` from `d3-delaunay` builds a Voronoi overlay to capture mouse events, making it easy to select nearby data points. Data comes from the Johns Hopkins Coronavirus dataset via CSV.

Ssultanmirzapydev
97% match
Loading thumbnail…

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

This chart tracks cumulative COVID-19 deaths by country over time on a logarithmic scale, using data from the Johns Hopkins Coronavirus Dataset. Each grey line represents a country’s death trajectory, and hovering over a data point via a Voronoi overlay highlights the corresponding country’s full series in black while displaying a tooltip with the exact date and death count. The visualization is built with React and D3 v5, employing `d3.scaleLog`, `d3.line`, and `d3.Delaunay` from the d3-delaunay library to enable smooth hover interactions across the SVG-rendered paths.

MMaciek Sitkowski
97% match