Skip to main content
SimilarExport ZIP
100%

Fork of Fork of Fork of Coronavirus Deaths Over Time by Country5.1

✓ Published0🌍 Public
Jjesramyep1263
Last edited Mar 4, 2021
Created on Mar 4, 2021

This visualization displays the global coronavirus death rate over time for multiple countries, with each line representing a country’s cumulative deaths on a logarithmic scale. A Voronoi overlay enables interactive hover detection, highlighting the nearest data point and displaying the country name, death count, and date. The chart uses d3.scaleTime, d3.scaleLog, and d3.line for rendering, with React managing state and SVG for output. Data is sourced from the Johns Hopkins COVID-19 dataset, processed to calculate mortality rates from death, confirmed case, and recovery time series.

AI-generated description

Line chart of Coronavirus cases to date. Data from Johns Hopkins Coronavirus Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Fork of Fork of Coronavirus Deaths Over Time by Country5.2

This example displays global COVID-19 deaths over time as a multi-line chart, with each country's trajectory shown on a logarithmic y-axis. Hovering over the visualization uses a Voronoi overlay to highlight the nearest country's line and display its name, date, and mortality rate. The chart is built with React and D3 v5, using d3.line for path generation, d3.scaleTime and d3.scaleLog for axes, and d3.Delaunay for the interactive overlay. Data comes from the Johns Hopkins COVID-19 time series dataset.

Jjesramyep
96% match
Loading thumbnail…

Fork of Fork of Fork of Coronavirus Deaths Over Time by Country5.11

A multi-line chart tracks global COVID-19 cumulative deaths over time for each country, using a logarithmic y-axis. Hovering over the visualization activates a Voronoi overlay, built with `d3.Delaunay`, to highlight the nearest data point and display the country name, death count, and date. The React-based chart uses `d3.scaleTime`, `d3.scaleLog`, and `d3.line` to render SVG paths, with axis components from `d3.axisBottom` and `d3.axisLeft`. Data comes from the Johns Hopkins Coronavirus dataset.

Jjesramyep1263
96% match
Loading thumbnail…

Fork of Fork of Coronavirus Deaths Over Time by Country5.1

This interactive line chart visualizes cumulative COVID-19 death rates over time for multiple countries, using data from the Johns Hopkins Coronavirus Dataset. A dropdown menu lets users select a country to highlight its trajectory in red. The visualization uses React for component structure and D3 v5 for scales, axis generation, and line rendering. A Voronoi overlay enables hover detection to display tooltips with the exact death count and date for nearby data points. The y-axis uses a logarithmic scale to accommodate the wide range of cumulative death values across countries.

Jjesramyep1263
95% match
Loading thumbnail…

Fork of Coravirus Deaths Over Time by Country by Voronoibien

This visualization shows global coronavirus death rates over time for multiple countries, with a log-scaled y-axis for cumulative deaths. Hovering over any line highlights that country’s trajectory and displays a tooltip with the exact death count and date. The chart uses React components with D3 v5 for scales, axes, and line generation, plus a Voronoi overlay (via `d3.Delaunay.from`) to enable precise mouse interaction. Data comes from the CSSEGISandData COVID-19 time series, processed in a custom hook to calculate rolling mortality rates.

Jjesramyep1263
94% match
Loading thumbnail…

Fork of Coronavirus Deaths Over Time by Country With Voronoi Overlay

This visualization displays the cumulative global COVID-19 death toll over time, with each country represented as a line on a logarithmic scale. A Voronoi overlay, generated using `d3.Delaunay` and the `voronoi()` method, creates clickable regions around plotted points to enhance interaction. The chart is built with React and renders paths and axes using D3 v5’s `line()`, `scaleTime()`, and `scaleLog()` functions. Data is sourced from the Johns Hopkins Coronavirus Dataset, loaded via D3’s `csv()` and parsed with `timeParse()`.

JJohnny Dodge
94% match
Loading thumbnail…

Fork of Coronavirus Deaths Over Time by Country With Voronoi Overlay

This visualization displays global coronavirus deaths over time as a log-scale line chart, with each country’s cumulative death count traced as a separate path. A Voronoi overlay, built using `d3.Delaunay`, partitions the chart area into cells that trigger hover events, highlighting the nearest data point’s country line in black. The chart, rendered as an SVG with React and D3 v5, uses `d3.scaleTime` and `d3.scaleLog` for axes, and pulls data from the Johns Hopkins Coronavirus Dataset.

Oo-n-e
94% match
Loading thumbnail…

Fork of Coronavirus Deaths Over Time by Country With Voronoi Overlay

This chart displays global coronavirus death trends over time for each country, with cumulative deaths plotted on a logarithmic scale. A Voronoi overlay, built with d3-delaunay, enables hover detection to highlight the active country's line in black while graying out others. The visualization uses React with d3.v5 for scales and line generation, rendering SVG paths. Data comes from the Johns Hopkins COVID-19 dataset.

JJohnny Dodge
94% match
Loading thumbnail…

Fork of Coronavirus Deaths Over Time by Country With Voronoi Overlay

This chart displays cumulative global coronavirus deaths over time for each country, using a logarithmic y-axis to accommodate the wide range of death counts. A Voronoi overlay, built with `d3.Delaunay` and `d3.voronoi`, enables interactive hover detection: hovering over any point highlights that country's full line in bold black. The visualization is rendered as SVG within a React component, using D3 scales and line generators to plot the data from Johns Hopkins' COVID-19 dataset.

Rrudy0628
94% match