Skip to main content
SimilarExport ZIP
100%

Coronavirus Log scale Live Data Voronoi

✓ Published1🌍 Public
Ccynichole
Last edited Mar 21, 2022
Created on Mar 18, 2022

A multi-country line chart displays cumulative COVID-19 deaths over time on a logarithmic y-axis, with each country’s trajectory shown in gray. Hovering activates a Voronoi overlay, built with `d3.Delaunay`, to highlight the nearest data point and redraw that country’s path in black. The chart uses React with `d3.scaleTime`, `d3.scaleLog`, and `d3.line` to generate SVG paths, pulling live data from the CSSE COVID-19 GitHub repository. Axes are rendered via `d3.axisBottom` and `d3.axisLeft`, while the Voronoi cells themselves are faintly visible in pink.

AI-generated description
MIT Licensed

Similar vizzes

Loading thumbnail…

Coronavirus Chart with Multiple Lines by Country with Voronoi Overlay

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.

KK3zter
93% match
Loading thumbnail…

CoronaVirus LOG scale Chart by Countries VORONOI

This visualization displays the progression of cumulative COVID-19 deaths over time for various countries, using a logarithmic scale on the y-axis to accommodate wide disparities in reported fatalities. The chart, built with React and D3 v5, renders each country’s time series as a thin, semi-transparent line, and highlights the country currently under the cursor via a Voronoi overlay for precise mouse tracking. Tooltips and a bolder line for the active country provide immediate detail, while the data comes from the JHU CSSE COVID-19 global deaths time series. The implementation uses `d3.scaleLog`, `d3.line`, and `d3.Delaunay` to construct the interactive elements.

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

Fork of Coronavirus Deaths Over Time by Country With Voronoi Overlay

A multi-line chart tracks cumulative COVID-19 deaths over time for each country, using a logarithmic y-axis to accommodate wide numeric ranges. The visualization encodes country data from the Johns Hopkins Coronavirus Dataset as gray SVG paths, with an active line highlighted in black when a user hovers over a data point. Hover detection is implemented via a Voronoi overlay computed with `d3.Delaunay`, which assigns the nearest data point to the mouse cursor. The chart is built with React and D3 v5, using `d3.scaleTime`, `d3.scaleLog`, and `d3.line` for axes and path generation.

MMykyta Ivanchenko
92% match
Loading thumbnail…

Coronavirus Deaths Over Time by Country With Voronoi Overlay

This interactive line chart displays cumulative coronavirus deaths over time for multiple countries using a log-scaled y-axis. A Voronoi overlay, built with `d3.Delaunay` and `d3.voronoi`, captures mouse hover events on any point along a country’s trajectory, highlighting that country’s full line in black. The chart renders SVG paths via React, with axes generated by D3’s `axisBottom` and `axisLeft`. Data comes from the Johns Hopkins COVID-19 time-series dataset.

CCurran Kelleher
91% 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
91% match
Loading thumbnail…

Country Coronavirus Deaths Over Time With Voronoi Overlay

A line chart displays cumulative COVID-19 deaths per country over time, sourced from the John Hopkins University dataset. Using a log-scaled y-axis and a D3 `scaleTime` x-axis, each country’s trajectory appears as a thin gray path; hovering activates a Voronoi overlay (built with `d3.Delaunay`) to highlight the nearest country’s line in black. A marker line indicates the 1 million death threshold. The chart is implemented in React with SVG rendering, D3 v5, and the `d3-delaunay` library for spatial proximity queries.

CChris Briggs
91% match