Voronoi Data Art

100%

Voronoi Data Art

✓ Published1🌍 Public

Last edited Oct 1, 2020

Created on Oct 1, 2020

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.

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

95% match

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

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

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

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

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

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

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

89% match