Corona Deaths (Linear Scale) by Country with Labels

100%

Corona Deaths (Linear Scale) by Country with Labels

✓ Published0🌍 Public

Last edited Jul 7, 2021

Created on Jul 7, 2021

Forked from Corona Deaths 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.

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

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

92% match

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

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

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

91% match

Loading thumbnail…

Corona Deaths Log Scale

This chart displays the global cumulative number of COVID-19 deaths over time, using a line graph with a linear y-axis. The data is loaded from the Johns Hopkins COVID-19 dataset via `d3.csv`, then transformed by summing daily death totals across all countries. The visualization uses `d3.scaleTime` for the x-axis and `d3.scaleLinear` for the y-axis, with the line generated by `d3.line`. Axes are rendered using `d3.axisBottom` and `d3.axisLeft` within a React component, output as SVG with gridlines.

Nnexus1058

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

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

90% match