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

100%

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

✓ Published0🌍 Public

Last edited May 1, 2020

Created on Apr 30, 2020

Forked from CANADA 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.

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

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

94% match

Loading thumbnail…

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

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

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

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

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

86% match

Loading thumbnail…

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

86% match