Skip to main content
SimilarExport ZIP
100%

Coronavirus Deaths by Country with Labels

✓ Published1🌍 Public
Ffjvoris
Last edited Mar 12, 2023
Created on Mar 11, 2023

Spiral lines trace cumulative COVID-19 death totals for each country over time on a log scale. A red Voronoi overlay, built with `d3.Delaunay`, captures mouse hovers to highlight the corresponding country line. React manages component state, while D3’s `scaleTime`, `scaleLog`, and `line` generate the SVG paths from the CSSE global time-series data.

AI-generated description

Splitting React components into multiple files using ES6 modules. Bonus: React Fragments!

MIT Licensed

Similar vizzes

Loading thumbnail…

Coronavirus with Labels

This line chart shows cumulative COVID-19 deaths over time for multiple countries, using a logarithmic y-axis to accommodate the wide range of values. A Voronoi overlay, built with `d3.Delaunay`, enables mouse interaction, highlighting the nearest data point and displaying a tooltip with the country name, death count, and date. The chart uses `scaleTime` and `scaleLog` from d3.v6 within a React framework, rendering as SVG. Data comes from the CSSEGISandData COVID-19 GitHub repository.

AAndre J Denais
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
91% match
Loading thumbnail…

Coronavirus Deaths Over Time by Country With Voronoi Overlay

This graphic displays cumulative COVID-19 death counts per country on a logarithmic scale, with each country’s trajectory drawn as a line over time. A Voronoi overlay using `d3.Delaunay` enables interactive highlighting: hovering over any cell activates the corresponding country’s line, which thickens and turns black. Built with React and rendered as SVG, the chart uses `d3.scaleLog`, `d3.scaleTime`, and `d3.line` to map data from the Johns Hopkins Coronavirus Dataset.

Vvmonney
91% match
Loading thumbnail…

Coronavirus Deaths Over Time by Country

Multi-country cumulative coronavirus death tolls are plotted over time as colored lines on a logarithmic scale, using a React component that renders SVG paths. The chart pulls data from the Johns Hopkins COVID-19 dataset via `d3.csv`, transforms it with `timeParse`, and draws axes using `d3.axisBottom` and `d3.axisLeft`. Line generation relies on `d3.line`, while `d3.scaleLog` and `d3.scaleTime` handle value mapping. Each country gets a randomly assigned stroke color.

CCurran Kelleher
91% match
Loading thumbnail…

Coronavirus Deaths by Country

This small multiple line chart shows the cumulative number of COVID-19 deaths per country over time, plotted on a log scale to accommodate wide variation in magnitude. Each country is rendered as a separate SVG path generated with d3.line, colored by randomly assigned rgb values. The visualization uses d3.scaleTime and d3.scaleLog for axes, d3.axisBottom and d3.axisLeft for ticks, and React with d3.v5 to build the interactive components. Data comes from the CSSE COVID-19 global time series, filtered to only country-level rows.

NNikita Toropov
90% match
Loading thumbnail…

Coronavirus Deaths Over Time by Country With Voronoi Overlay

A line chart displays cumulative global coronavirus deaths over time, with one line per country using a log-scaled y-axis. A red Voronoi overlay renders interactive hit regions for hovering. The visualization uses React with D3 v5 APIs including `scaleTime`, `scaleLog`, `d3.line`, and `d3.Delaunay` for the overlay. Data comes from the Johns Hopkins COVID-19 dataset, parsed via `d3.csv` and `timeParse`.

CCurran Kelleher
90% match
Loading thumbnail…

Country Coronavirus Deaths Over Time With Voronoi Overlay and Labels

This line chart displays cumulative COVID-19 death counts over time for various countries, using a logarithmic y-axis to accommodate wide value ranges. A Voronoi overlay, built with `d3.Delaunay`, enables interactive hover detection, highlighting the nearest data point and displaying a tooltip with the country name, death total, and date. The visualization is rendered as an SVG using React and D3 v5, with the data sourced from the John Hopkins Coronavirus Dataset.

CChris Briggs
90% match
Loading thumbnail…

Coronavirus Deaths Over Time by Country with Voronoi Overlay

This example visualizes cumulative coronavirus deaths over time for multiple countries using a log-scaled line chart. A Voronoi overlay, generated with `d3.Delaunay` and `d3.voronoi`, makes each line segment hoverable, highlighting the active country’s path in black. The chart uses `scaleTime` and `scaleLog` for axes, with data from the CSSE COVID-19 time series. React manages the hover state, while SVG renders the paths and overlay.

MMichael Bruno
90% match