Skip to main content
SimilarExport ZIP
100%

CoronaVirus Deaths Overtime By Country

✓ Published0🌍 Public
33ssalunke
Last edited Mar 10, 2021
Created on Mar 9, 2021

This visualization displays global coronavirus death totals over time, with each country represented as a thin gray line on a logarithmic scale. A Voronoi overlay enables interactive country selection, highlighting the chosen line in black on hover. Built with React and D3 v5, the chart uses `d3.scaleLog`, `d3.scaleTime`, and `d3.line` to generate SVG paths. Data comes from the CSSEGISandData COVID-19 time series, fetched via `d3.csv`. The Voronoi diagram is constructed with `d3-delaunay` to map mouse position to the nearest data point.

AI-generated description

A program that loads in some data about CSS named colors using D3 utilities, and uses React state to keep track of the data.

MIT Licensed

Similar vizzes

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

Coravirus Deaths Over Time by Country by Voronoi

This visualization shows cumulative COVID-19 death counts over time for each country, displayed as thin gray lines on a logarithmic scale. When the user hovers over any point along a line, that country’s trajectory highlights in red and a tooltip appears with the country name, death count, and date. The interaction is powered by a Voronoi overlay constructed with `d3.Delaunay.from` and `voronoi.renderCell`, which assigns each data point a hover region. The chart is built with React, D3 v5, and SVG, using `scaleTime`, `scaleLog`, and data from the CSSE COVID-19 time series.

Jjesramyep1263
94% match
Loading thumbnail…

Coronavirus Deaths Over Time by Country with Voronoi Overlay

This visualization displays cumulative coronavirus death totals over time for multiple countries, with a Voronoi overlay that enables smooth hover interactions to highlight individual country lines. The chart uses a logarithmic y-axis to accommodate the wide range of death counts, while gray lines represent all countries and a black line marks the actively hovered one. Built with React and D3 v7, it employs d3-delaunay’s Voronoi diagram to compute pointer proximity, with data sourced from the CSSEGISandData COVID-19 global time series.

SSerind Joshua McCue
93% match
Loading thumbnail…

Coronavirus Deaths Over Time By Country w/ Voronoi Overlay

This interactive chart displays global coronavirus death tolls over time, with each country represented as a line on a logarithmic scale. Users can filter by continent via a dropdown menu. A Voronoi overlay, created using d3-delaunay's `Delaunay.from` and `voronoi.renderCell`, enables precise mouse interaction for highlighting individual country lines and showing tooltips. The visualization uses D3 v7 scales and axes within a React framework, rendering to SVG, and pulls data from Johns Hopkins University.

Hhunsingeruk@gmail.com
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
92% match
Loading thumbnail…

Coronavirus Deaths Over Time By Country with Voronoi Overlay

This interactive line chart shows the progression of global coronavirus deaths over time, with each country represented as a thin black line. Hovering over any line highlights that country in blue by displaying its complete timeseries. The visualization uses a D3 Voronoi overlay, computed via `d3.Delaunay`, to capture mouse proximity and trigger the hover effect. Data comes from the CSSE at Johns Hopkins, loaded with `d3.csv`, and rendered as an SVG within a React framework.

RRMartins11
92% match
Loading thumbnail…

Fork of Coravirus Deaths Over Time by Country by Voronoi whit labels

This chart shows global coronavirus deaths over time, with each country’s cumulative death count plotted on a log scale across a shared time axis. All countries render as thin gray lines. When the user hovers over any point, the corresponding country’s line is highlighted in black and a tooltip displays the country name, total deaths, and date. The visualization uses React for component structure and D3 v5 for scales (time, log), line generation, and axes. Hover detection relies on a Voronoi overlay built with d3-delaunay, which assigns each mouse position to the nearest data point. Data comes from the CSSEGISandData COVID-19 time-series CSV.

Jjesramyep1263
92% 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