Skip to main content
SimilarExport ZIP
100%

Coronavirus Chart with Multiple Lines by Country with Voronoi Overlay

✓ Published0🌍 Public
KK3zter
Last edited Apr 20, 2022
Created on Dec 20, 2021

A multi-line chart tracks cumulative global COVID-19 deaths over time by country, with a logarithmic y-axis filtering out countries below 10,000 fatalities. Hovering activates a Voronoi overlay, constructed with `d3.Delaunay`, to highlight the nearest line and display a tooltip with the exact date and death count. The React-based SVG visualization uses D3 scales (`scaleTime`, `scaleLog`), axes, and line generators, with data sourced from the CSSE COVID-19 time series on GitHub.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Coronavirus Multiple Lines with Voronoi Overlay

The chart displays global cumulative COVID-19 death totals over time, with each country represented as a separate line on a log-scaled y-axis and a time-scaled x-axis. It uses D3.js v6 within a React component, constructing SVG paths via `d3.line` and rendering axes through `d3.axisBottom` and `d3.axisLeft`. A Voronoi overlay, built with `d3.Delaunay`, enables hover interactions: moving the mouse over a cell highlights the corresponding country's line in black, making it easy to identify individual series in dense clusters. Data comes from the CSSE at Johns Hopkins.

AAndre J Denais
95% match
Loading thumbnail…

labeled Coronavirus Line Chart with Voronoi Overlay

This line chart displays global coronavirus death totals across multiple countries on a log-scale y-axis over time. Hovering over any point triggers a Voronoi overlay, built with `d3.Delaunay`, to highlight the nearest data point and show a tooltip with the country name, death count, and date. The chart uses React with `d3.scaleTime`, `d3.scaleLog`, and `d3.line`, rendering paths and axes as SVG elements. Data comes from the COVID-19 global deaths time series CSV.

BBlake McCarty
95% match
Loading thumbnail…

Coronavirus Line Chart with Voronoi Overlay

A line chart displays global coronavirus death totals over time for multiple countries, with each country shown as a gray line. Hovering over the plot reveals a highlighted black path for the selected country. The visualization uses d3.scaleTime and d3.scaleLog for axes, d3.line for path generation, and a d3.Delaunay-based Voronoi overlay with transparent cells to capture mouse events and trigger country highlighting. Data comes from the CSSEGISandData COVID-19 time series CSV, rendered as SVG with React.

BBlake McCarty
95% match
Loading thumbnail…

Coronavirus Deaths by Country with Voronoi Overlay

A multi-line chart displays cumulative global coronavirus deaths over time for each country, with a logarithmic y-axis. A Voronoi overlay, generated via `d3.Delaunay` from the chart’s data points, is rendered as pink cell boundaries across the plot area to illustrate spatial partitioning. The visualization uses React components, D3 v5 for scales and axes, and SVG paths for the lines and overlay, sourcing data from the CSSE COVID-19 time series.

NNikita Toropov
93% match
Loading thumbnail…

Coronavirus Deaths Over Time by Country with Voronoi Overlay

A multi-line chart displays cumulative COVID-19 death totals over time for each country, using a logarithmic y-axis to accommodate disparate magnitudes. A Voronoi overlay, computed with `d3.Delaunay`, maps the nearest data point to mouse coordinates, so hovering highlights that country's trajectory in black. The visualization uses React, D3 v5's `scaleTime` and `scaleLog`, and renders SVG paths from the Johns Hopkins CSSE dataset.

Ee-ines
93% match
Loading thumbnail…

Line Chart with Multiple Lines by Country With Voronoi Overlay

This multi-line chart displays cumulative COVID-19 death totals over time for each country, using a logarithmic y-axis. A Voronoi overlay, built with `d3.Delaunay.from` and `voronoi.renderCell`, partitions the chart area into cells; hovering over any cell highlights the corresponding country’s line in black. The visualization, rendered in SVG via React, uses D3’s `scaleTime` and `scaleLog` to map data from the CSSE global time-series CSV, with axes generated by `axisBottom` and `axisLeft`.

OOleg Zhernovoy
93% match
Loading thumbnail…

Coronavirus By Country w/ Voronoi Overlay

This chart displays cumulative COVID-19 death totals over time for multiple countries, drawn as individual lines on a logarithmic scale. A Voronoi overlay, built with d3-delaunay, partitions the plotting area into cells around each data point, so hovering any region highlights the corresponding country’s line in black. The visualization uses React with D3 v6 for scales and axes, and pulls data from the Johns Hopkins COVID-19 time series dataset, rendered as SVG.

AAnthony Ynami
93% match
Loading thumbnail…

Coronavirus Deaths Over Time by Country With Voronoi Overlay

A line chart displays cumulative global coronavirus deaths over time, with one line per country using a log-scaled y-axis. A red Voronoi overlay renders interactive hit regions for hovering. The visualization uses React with D3 v5 APIs including `scaleTime`, `scaleLog`, `d3.line`, and `d3.Delaunay` for the overlay. Data comes from the Johns Hopkins COVID-19 dataset, parsed via `d3.csv` and `timeParse`.

CCurran Kelleher
93% match