Skip to main content
SimilarExport ZIP
100%

Voronoi Data Art

✓ Published1🌍 Public
CCurran Kelleher
Last edited Sep 28, 2020
Created on Sep 28, 2020

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.

AI-generated description

The beauty of the Voronoi.

MIT Licensed

Similar vizzes

Loading thumbnail…

Voronoi Data Art

Multiple smoothed time-series lines track cumulative COVID-19 deaths per country, with daily death counts plotted on a logarithmic scale. Hovering over any line reveals a tooltip with the country name, total deaths, and date. The chart uses React with D3’s `scaleTime`, `scaleLog`, and `line` generators, while `d3.Delaunay` constructs a Voronoi overlay to capture mouse events for precise line selection. Data comes from the CSSE at Johns Hopkins.

NNoah Weinberg
94% 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
94% match
Loading thumbnail…

Voronoi with labels

An interactive line chart displays cumulative COVID-19 death counts over time for multiple countries, using a logarithmic y-axis. A Voronoi overlay, built with `d3.Delaunay` and `d3.delaunay.voronoi`, captures mouse hover events across the entire chart area, highlighting the nearest data point and its corresponding country line while displaying a tooltip with the country name, date, and death total. The visualization uses React state for active selection, SVG for rendering, and data sourced from the CSSE COVID-19 time series dataset.

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

Covid-19 death with Voronoi I

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.

Ssmile2git
91% match
Loading thumbnail…

Voronoi Overlay w/ Labels

This interactive line chart tracks global coronavirus deaths over time, using a log-scaled y-axis and color-coded country lines. Hovering over any line reveals a tooltip labeled with the country name, exact death count, and date. The visualization uses D3’s `scaleLog` and `scaleTime` for axes, and a Voronoi overlay generated from `d3.Delaunay` to capture mouse position and trigger the active line highlight. Data comes from the Johns Hopkins CSSE COVID-19 dataset.

AAnthony Ynami
91% match
Loading thumbnail…

Voronoi Overlay With Labels

This example displays cumulative global COVID-19 deaths over time for multiple countries using a log-scaled line chart. Hovering over any line reveals a tooltip with the country name, death count, and date, while the active line is highlighted. The chart uses React with d3.v5’s `scaleTime`, `scaleLog`, and `line` generators, and implements a Voronoi overlay via `d3.Delaunay.from` and `voronoi.renderCell` to capture mouse events across the SVG. Data comes from the CSSE COVID-19 global time-series dataset, loaded with `d3.csv`.

KKazushige Okuma
91% match
Loading thumbnail…

Voronoi Overlay with Labels

A multi-line chart displays cumulative COVID-19 deaths over time for multiple countries, using a logarithmic y-axis. On hover, a Voronoi overlay from `d3.Delaunay` highlights the nearest data point and activates the corresponding country’s line, displaying a tooltip with the country name, death count, and date. The visualization is built in React with d3 scales, line generators, and axes, rendering to SVG. Data comes from the CSSE COVID-19 time series.

SSerind Joshua McCue
91% match