Skip to main content
SimilarExport ZIP
100%

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

✓ Published3🌍 Public
DDiavek
Last edited Apr 14, 2020
Created on Mar 29, 2020

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.

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

Fork of 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.

Mmathieu34
93% match
Loading thumbnail…

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

This multi-line chart shows cumulative COVID-19 deaths over time for each country, with all countries plotted using semi-transparent gray lines. A Voronoi overlay enables hover interaction, highlighting the nearest data point’s country and displaying a tooltip with its name, death total, and date. Built with React and D3 v5, the visualization uses `d3.scaleLog` for the y-axis, `d3.scaleTime` for the x-axis, and `d3.Delaunay` from the `d3-delaunay` library to construct the Voronoi cells for efficient hit-testing. Data comes from the Johns Hopkins Coronavirus dataset.

AAndrea Picciau
85% match
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
85% 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
85% 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
85% match
Loading thumbnail…

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
85% 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
85% match