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

100%

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

✓ Published0🌍 Public

Last edited Jun 2, 2021

Created on Jun 2, 2021

Forked from CANADA Coronavirus Deaths by Country over Time (with Voronoi Hover)

This visualization displays cumulative COVID-19 deaths across Canadian provinces over time, using a logarithmic scale to accommodate the wide range of values. A Voronoi overlay, built with the d3-delaunay library, enables hover interactions that highlight the selected province’s line and display a tooltip with the exact date and death count. The chart is rendered as an SVG using React and D3 v5, pulling 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…

CANADA (REGIONS) Coronavirus Deaths by Country over Time (with Voronoi Hover)

A log-scale line chart tracks cumulative COVID-19 deaths over time across Canadian provinces, sourced from the Johns Hopkins dataset. Using React with D3 v5, the visualization renders SVG paths via `d3.line` and applies a Voronoi overlay built with `d3.Delaunay` to enable hover interactions, highlighting the nearest data point and its corresponding province’s trajectory while displaying a tooltip with the death count and date.

DDiavek

94% match

Loading thumbnail…

CANADA Coronavirus Deaths by Country over Time (with Voronoi Hover)

A multi-line chart displays cumulative coronavirus deaths over time for Canada’s provinces, with each province represented by a gray line. A log-scaled y-axis and time-scaled x-axis frame the data. Hovering over any point activates a Voronoi overlay, built with d3.Delaunay, which highlights the nearest province’s line and shows a tooltip with the death count and date. Data comes from the Johns Hopkins Coronavirus dataset, rendered as SVG via React and D3 v5.

DDiavek

93% match

Loading thumbnail…

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

This example visualizes cumulative COVID-19 deaths over time for each country, using a log-scaled y-axis to accommodate wide disparities in death tolls. Hovering over the chart highlights the corresponding country’s line and displays a tooltip with the exact date and death count. The visualization uses React for component structure and D3 v5 (d3-scale, d3-shape, d3-axis) with an SVG renderer. A d3-delaunay Voronoi overlay accelerates mouse interaction by mapping hover positions to the nearest data point. Data comes from the Johns Hopkins Coronavirus Dataset.

Ccani1see

87% match

Loading thumbnail…

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

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.

RRoberto

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

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

86% match

Loading thumbnail…

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

This fork of the interactive line chart from the visualization gallery uses a Voronoi overlay to make hovering over the chart more intuitive. The chart displays cumulative COVID-19 deaths over time for each country, using a logarithmic y-axis and data from the Johns Hopkins Coronavirus Dataset. Upon hovering, an invisible Voronoi cell highlights the nearest line, making it active, and a tooltip shows the country name, death count, and date. The visualization uses React, D3 v5, and SVG, with the Delaunay triangulation and Voronoi diagram built using `d3.Delaunay`.

Ssultanmirzapydev

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

86% match