Skip to main content
SimilarExport ZIP
100%

Voronoi Data Art

✓ Published0🌍 Public
NNoah Weinberg
Last edited Oct 1, 2020
Created on Oct 1, 2020
Forked from 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.

AI-generated description

The beauty of the Voronoi.

MIT Licensed

Similar vizzes

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

Voronoi Overlay with Labels

A multi-line chart displays cumulative COVID-19 deaths over time for multiple countries, with a logarithmic y-axis. A Voronoi overlay, built with `d3.Delaunay`, captures mouse hover events across the chart area, highlighting the nearest data point and its corresponding line. A tooltip with country name, death count, and date follows the cursor, while the active series is emphasized. Data comes from the CSSE COVID-19 time series, rendered as SVG in React using d3 scales and axes.

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

Line Chart With Voronoi Overlay With Labels

This chart displays cumulative COVID-19 deaths over time for multiple countries, using a line chart where hovering over any point highlights the corresponding country's entire trajectory and displays a tooltip with the country name, death count, and date. The implementation uses React with D3 v7 scales, line generators, and axes, while a Voronoi overlay built with `d3.Delaunay` captures mouse events across the entire plot area for precise hover detection. Data comes from the CSSEGISandData COVID-19 time series dataset, with the active line emphasized in black and labeled via SVG text elements.

OOleg Zhernovoy
91% match