Covid-19 death with Voronoi I

100%

Covid-19 death with Voronoi I

✓ Published1🌍 Public

Last edited Jun 21, 2021

Created on Jun 19, 2021

The visualization displays global COVID-19 death totals over time as a series of natural cubic spline curves, one per country, on a log-scaled y-axis and time-scaled x-axis. It includes gridlines, marker lines, and axis labels. The code uses d3.scaleTime, d3.scaleLog, d3.line with d3.curveNatural, and a d3-delaunay Voronoi overlay (d3.Delaunay.from) to render cell boundaries over the plot area. Data comes from the CSSEGISandData COVID-19 GitHub repository, rendered as SVG paths.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Voronoi Data Art

This visualization displays the global spread of COVID-19 deaths, with a logarithmic y-axis showing smoothed daily death counts for each country over time. Hovering over a curve highlights the active country and displays a tooltip with its total deaths. The implementation uses React with d3.scaleTime, d3.scaleLog, and d3.line to render SVG paths. A d3.Delaunay triangulation and d3.voronoi overlay capture mouse events across the chart, while data is loaded from the CSSEGISandData COVID-19 time-series CSV.

CCurran Kelleher

91% match

Loading thumbnail…

Got Error Fork of Covid-19 death with Voronoi II

This visualization displays global COVID-19 death totals over time as a multi-series line chart, with a logarithmic y-axis to accommodate wide value ranges. Hovering over any point via a Voronoi overlay highlights the corresponding country’s full time series. Built with React and D3 v5, it uses `d3.scaleLog`, `d3.scaleTime`, `d3.line` with `curveNatural`, and `d3.Delaunay` for the interactive overlay. Data comes from the CSSEGISandData COVID-19 GitHub repository, rendered as SVG paths with axis labels and marker lines.

Ssmile2git

91% match

Loading thumbnail…

Voronoi Overlay with Labels

This visualization charts global COVID-19 death tolls over time, with each country's cumulative deaths represented as a line on a log-scaled Y-axis. It uses a Voronoi overlay generated via `d3.Delaunay` and `voronoi.renderCell` to partition the chart space, making each line segment easily hoverable. When a user hovers over a point, the corresponding country's line is highlighted in black, and a label appears showing the country name, total deaths, and date. The interactive labels are implemented in React with SVG rendering, and the data is loaded from the CSSEGISandData COVID-19 global time series CSV.

KKevin McMorrow

88% match

Loading thumbnail…

Covid Deaths over time with Voronoi Overlay

A line chart tracks global cumulative COVID-19 deaths over time, with one gray line per country. Hovering over any point highlights that country's entire line in black. The chart uses a log-scaled y-axis and renders as SVG. A Voronoi overlay, built with `d3.Delaunay`, partitions the chart area into mouse-sensitive regions for each data point, enabling easy hover detection without precise cursor targeting. Data comes from the COVID-19 Data Repository by the Center for Systems Science and Engineering (CSSE) at Johns Hopkins University, loaded via `d3.csv`.

Jj-PGi

88% match

Loading thumbnail…

Covid Global Deaths By Country Over Time With Voronoi Overlay

This chart displays cumulative COVID-19 death counts for multiple countries over time, using a multi-line graph rendered with SVG paths. A Voronoi overlay, built with `d3.Delaunay` and `voronoi.renderCell`, is drawn in pink on top of the lines to enable precise mouse interaction with individual data points across the densely packed trajectories. The chart loads global time-series data from the CSSEGISandData COVID-19 GitHub repository, parses it with `d3.csv` and `timeParse`, and scales the axes with `scaleTime` and `scaleLinear`. React manages the component structure, while D3 handles axis generation via `axisBottom` and `axisLeft`.

PPadoSensei

88% match

Loading thumbnail…

Corona Virus Deaths Over Time By Country With Voronoi Overlay

This visualization displays global cumulative COVID-19 death totals over time for each country, using a logarithmic y-axis to accommodate wide value ranges. A Voronoi overlay, generated with `d3.Delaunay` from the d3-delaunay package, enables smooth hover interaction to highlight any country’s trajectory, even when lines overlap. The React-based chart, built with D3 v5, renders SVG paths for each country’s timeseries, with the active country’s line emphasized in black. Data comes from the CSSEGISandData COVID-19 time series CSV, parsed via `d3.csv` and `timeParse`. Axes and gridlines are drawn using `axisBottom` and `axisLeft`.

KKazushige Okuma

88% match

Loading thumbnail…

Voronoi Overlay with Labels

This chart displays cumulative COVID-19 death counts over time for multiple countries, with a logarithmic y-axis. A Voronoi overlay (computed via `d3.Delaunay.from` and `voronoi.renderCell`) enables hover detection on any data point, highlighting the corresponding country's line and showing a tooltip with the exact date, death count, and country name. The SVG renders reactively, using `d3.scaleLog`, `d3.scaleTime`, and the `d3.line` generator, with data from the CSSE COVID-19 time series.

AAndrea Picciau

88% match

Loading thumbnail…

Voronoi Data Art

This visualization plots the log of daily COVID-19 deaths over time for multiple countries, with each country’s smoothed timeseries drawn as a yellow line. It uses a Voronoi overlay computed with the `d3.Delaunay` API to enable hover detection on any line point; hovering highlights that country’s full path and displays a tooltip with its total death count and date. Data comes from the CSSE COVID-19 time series dataset, rendered as SVG in a React app using D3 v5 scales and axis generators.

NNoah Weinberg

88% match