Corona Deaths by Country with Labels

100%

Corona Deaths by Country with Labels

✓ Published1🌍 Public

Last edited Jul 6, 2021

Created on Jul 2, 2021

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.

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, Labels

This line chart displays cumulative COVID-19 deaths over time for each country, using a log-scaled y-axis to accommodate wide value ranges. Each country’s time series is rendered as a black SVG path, generated with d3.line, while d3.scaleTime and d3.scaleLog map dates and death totals. The chart is built with React and D3 v5, with axes drawn via d3.axisBottom and d3.axisLeft, using data from the Johns Hopkins Coronavirus dataset.

Nnexus1058

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

95% match

Loading thumbnail…

Corona Deaths by Country

This chart displays cumulative COVID-19 deaths over time for multiple countries, with each country represented by a colored line. It uses a logarithmic y-axis to accommodate wide variations in death tolls. The visualization is built with React and D3 v5, employing `d3.scaleTime` and `d3.scaleLog` for axes, and D3’s `line` generator for paths. Data is loaded from the Johns Hopkins CSSE time-series CSV, parsed with `d3.csv` and `d3.timeParse`, then rendered as an SVG with custom axis components.

Nnexus1058

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

94% match

Loading thumbnail…

Corona Deaths (Linear Scale) by Country with Labels

This example visualizes cumulative COVID-19 deaths over time for multiple countries using a linear y-scale. Each country's time series is drawn as a gray SVG path, and hovering over any point via a Voronoi overlay highlights the selected country’s full trajectory in black with a labeled tooltip showing the country name, death count, and date. The chart uses React with D3 v5 scales (`scaleTime`, `scaleLinear`), the `line` generator, and `d3.Delaunay` for hit-testing. Data comes from the Johns Hopkins COVID-19 global deaths time series.

Nnexus1058

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

92% match

Loading thumbnail…

Corona Virus Deaths Over Time by Country With Voronoi

This interactive chart shows the cumulative number of COVID-19 deaths over time for multiple countries, displayed on a logarithmic scale. Using a Voronoi overlay, hovering over its cells highlights and emphasizes the corresponding country’s trajectory. Built with React and D3 (v5), it employs `scaleLog`, `scaleTime`, and the `d3-delaunay` library to construct the interactive voronoi regions, with data sourced from the CSSEGISandData COVID-19 GitHub repository.

SShanmukh

92% match

Loading thumbnail…

Corona Virus Deaths Over Time By Country With Voronoi Overlay

This visualization displays global cumulative COVID-19 death totals over time for each country, using a logarithmic y-axis to accommodate wide value ranges. A Voronoi overlay, generated with `d3.Delaunay` from the d3-delaunay package, enables smooth hover interaction to highlight any country’s trajectory, even when lines overlap. The React-based chart, built with D3 v5, renders SVG paths for each country’s timeseries, with the active country’s line emphasized in black. Data comes from the CSSEGISandData COVID-19 time series CSV, parsed via `d3.csv` and `timeParse`. Axes and gridlines are drawn using `axisBottom` and `axisLeft`.

KKazushige Okuma

92% match