Skip to main content
SimilarExport ZIP
100%

Fork of Corona Deaths by Country, Labels

✓ Published1🌍 Public
Nnexus1058
Last edited Jun 27, 2021
Created on Jun 26, 2021

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.

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 Labels

This chart displays cumulative COVID-19 death counts over time for multiple countries, using a log-scaled y-axis to accommodate wide numerical ranges. A Voronoi overlay enables hover interactions, highlighting the nearest data point and its corresponding country’s trajectory with a tooltip. Built with React and D3 v5, it uses `d3.scaleLog`, `d3.line`, and `d3.Delaunay` for geometric hit-testing. Data comes from the Johns Hopkins Coronavirus global time-series dataset, rendered as SVG paths.

Nnexus1058
94% 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 as thin gray lines on a logarithmic y-axis, using data from the Johns Hopkins Coronavirus Dataset. A Voronoi overlay, computed with `d3.Delaunay` from the d3-delaunay library, renders red cells over three hardcoded points, providing a potential interaction region for hover events. The React-based visualization employs `d3.scaleLog`, `d3.line`, and `d3.axisBottom`/`d3.axisLeft` to construct the SVG, with axis tick marks drawn as grid lines.

SSg2041
93% match
Loading thumbnail…

Fork latest of 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.

Nnexus1058
93% match
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
93% 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
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…

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

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

This chart tracks cumulative COVID-19 deaths by country over time on a logarithmic scale, using data from the Johns Hopkins Coronavirus Dataset. Each grey line represents a country’s death trajectory, and hovering over a data point via a Voronoi overlay highlights the corresponding country’s full series in black while displaying a tooltip with the exact date and death count. The visualization is built with React and D3 v5, employing `d3.scaleLog`, `d3.line`, and `d3.Delaunay` from the d3-delaunay library to enable smooth hover interactions across the SVG-rendered paths.

MMaciek Sitkowski
92% match