Fork latest of Corona Deaths by Country with Voronoi Overlay

100%

Fork latest of Corona Deaths by Country with Voronoi Overlay

✓ Published0🌍 Public

Last edited Jun 29, 2021

Created on Jun 29, 2021

Forked from Corona Deaths by Country with Voronoi Overlay

This interactive line chart displays cumulative COVID-19 deaths over time for each country, using a logarithmic y-scale from Johns Hopkins data. A Voronoi overlay, computed via d3.Delaunay and rendered as SVG paths, assigns each data point a hover region, so moving the mouse highlights the nearest country’s trajectory in black. The chart is built with React, D3 v5 scales and axes, and renders all countries as thin gray lines.

AI-generated description

Line chart of Coronavirus cases to date. Data from Johns Hopkins Coronavirus Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Corona Deaths by Country with Voronoi Overlay

This visualization displays cumulative COVID-19 deaths over time for multiple countries, using a logarithmic y-axis to accommodate wide value ranges. The chart employs React and D3 v5’s `scaleTime`, `scaleLog`, and `line` generator to render each country’s trajectory as a distinct path. A Voronoi overlay, built with `d3-delaunay`, partitions the plotting area into cells around every data point, enabling mouse hover detection to identify the nearest country line. Data comes from the Johns Hopkins COVID-19 time-series dataset, processed via `d3.csv` and `timeParse`. The SVG output includes axes with tick marks and gridlines, styled by custom CSS.

Nnexus1058

94% match

Loading thumbnail…

Fork of Coronavirus Deaths by Country over Time (with Voronoi Hover)

This interactive line chart displays cumulative COVID-19 deaths by country over time, using a logarithmic y-axis. Hovering over any data point triggers a Voronoi overlay (built with `d3.Delaunay`) to highlight the nearest country’s entire time series and show a tooltip with the exact date and death count. The visualization is rendered as SVG in React, with axes and scales from d3.v5, and pulls data from the Johns Hopkins Coronavirus dataset.

RRoberto

94% match

Loading thumbnail…

Fork of Coronavirus Deaths Over Time by Country With Voronoi Overlay

This chart plots cumulative COVID-19 deaths over time for each country, using a logarithmic y-scale to accommodate wide variation in case numbers. A Voronoi overlay, built with d3-delaunay, enables precise hover detection on the dense line chart, highlighting the nearest data point’s country and redrawing its path in bold black. Data comes from the Johns Hopkins Coronavirus dataset, loaded via d3.csv, with rendering in SVG through React and scales from d3.scaleTime and d3.scaleLog.

RRoberto

94% match

Loading thumbnail…

Fork of Corona Deaths by Country, Labels

This chart visualizes cumulative COVID-19 deaths over time for multiple countries, with each country's trajectory drawn as a gray line on a logarithmic y-axis. A red Voronoi overlay, generated using `d3-delaunay`'s `Delaunay` class, highlights proximity between data points for potential hover interactions. The visualization uses React, with D3 v5 for scales (time and log), axes, and line generation, and renders to SVG. Data comes from the Johns Hopkins COVID-19 time-series dataset, with the x-axis formatted monthly and y-axis using compact notation.

Nnexus1058

93% match

Loading thumbnail…

Fork of Coronavirus Deaths Over Time by Country With Voronoi Overlay

This chart displays cumulative COVID-19 deaths over time for each country, plotted on a logarithmic y-axis. The visualization features semi-transparent Voronoi cells overlaid on the line chart, enabling hover interactions that highlight the closest data point to the cursor, emphasizing the active country’s line in black. Built with React and D3 v5, it uses `d3.scaleTime`, `d3.scaleLog`, `d3.line`, and `d3.Delaunay` for the Voronoi overlay. Data comes from the Johns Hopkins Coronavirus Dataset, rendered as an SVG.

DDurga Prasad

93% match

Loading thumbnail…

Fork of Coronavirus Deaths Over Time by Country With Voronoi Overlay

This chart displays global coronavirus death trends over time for each country, with cumulative deaths plotted on a logarithmic scale. A Voronoi overlay, built with d3-delaunay, enables hover detection to highlight the active country's line in black while graying out others. The visualization uses React with d3.v5 for scales and line generation, rendering SVG paths. Data comes from the Johns Hopkins COVID-19 dataset.

JJohnny Dodge

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

93% match

Loading thumbnail…

Fork of Coronavirus Deaths Over Time by Country With Voronoi Overlay

A fork of a line chart displays global cumulative COVID-19 deaths over time, with each country’s trajectory as a gray line. A Voronoi overlay, computed via the `d3.delaunay` and `d3.Delaunay.voronoi` APIs, makes the nearest data point under the cursor hoverable, highlighting the corresponding country’s line in black. Built with React and D3 v5, the chart uses `d3.scaleTime`, `d3.scaleLog`, and `d3.line` to map dates and log-scaled death totals, rendering as SVG. Data comes from the Johns Hopkins Coronavirus dataset, parsed with `d3.csv`.

Vvanquisher2000

93% match