Skip to main content
SimilarExport ZIP
100%

Fork of Coravirus Deaths Over Time by Country by Voronoibien

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

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.

AI-generated description

Smiley face implementation with React & D3, taking full advantage of React components and ES6 modules.

MIT Licensed

Similar vizzes

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

Fork of Coravirus Deaths Over Time by Country by Voronoi2

This interactive visualization displays cumulative COVID-19 deaths over time for each country, with all series drawn as thin gray lines on a logarithmic scale. Hovering over any point highlights that country’s entire line and places a circle on the hovered data point. Built with React and D3 v5, it uses d3.Delaunay and d3.Voronoi to create invisible hover target cells for fast interaction, while d3.scaleLog and d3.line generate the chart. Data comes from the CSSEGISandData COVID-19 time series CSV, rendered as an SVG with axes from d3.axisBottom and d3.axisLeft.

Jjesramyep1263
95% match
Loading thumbnail…

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

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.

Jjesramyep1263
94% match
Loading thumbnail…

Fork of Coravirus Deaths Over Time by Country by Voronoi

A multi-line chart tracks cumulative COVID-19 deaths by country over time using a logarithmic y-scale. The visualization highlights a country's trajectory when hovering over any data point, leveraging a Voronoi overlay via `d3.Delaunay` for efficient nearest-point hit detection. The React app fetches data from the CSSE GitHub repository using `d3.csv`, renders SVG paths with `d3.line`, and uses `d3.axisBottom` and `d3.axisLeft` for axes.

YYedrup
94% match
Loading thumbnail…

Fork of Coravirus Deaths Over Time by Country by Voronoi

A line chart displays cumulative COVID-19 deaths over time for multiple countries, with each thin gray line representing a country's trajectory. Hovering over any point activates a Voronoi overlay, highlighting the corresponding country's line in blue and displaying a label with its name, death count, and date. The visualization uses React for component structure, D3 v5 scales and line generators, and d3-delaunay's Voronoi diagram for hit-testing. Data comes from the CSSE COVID-19 global time series, rendered as SVG with logarithmic y-axis scaling.

JJean David
94% match
Loading thumbnail…

Fork of Coronavirus Deaths by Country over Time (with Voronoi Hover)

This visualization shows cumulative coronavirus deaths over time for each country, using a log-scaled y-axis to accommodate wide disparities in death counts. Hovering over any point highlights the corresponding country’s line in black and displays a tooltip with the country name, death total, and date. The interactivity is powered by a Voronoi overlay built with `d3.Delaunay`, which assigns each data point a cell that captures nearby mouse events. The chart is rendered with React and SVG, with axes and scales from d3, and pulls data from the Johns Hopkins COVID-19 dataset.

DDominic Bluawofogbe
93% match
Loading thumbnail…

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

A multi-line chart displays cumulative COVID-19 deaths over time for each country, sourced from the CSSEGISandData GitHub repository. The rendering uses React with D3 v5, employing `scaleLog` for the y-axis and `scaleTime` for the x-axis. A Voronoi overlay, built with `d3.Delaunay`, enables hover interactions that highlight the active country’s line and display a tooltip with its name, death count, and date. SVG paths render all series, with gridlines and axis labels from `d3.axisBottom` and `d3.axisLeft`.

Yyuva24
93% match
Loading thumbnail…

Fork of Coronavirus Deaths by Country over Time (with Voronoi Hover)

This example visualizes cumulative COVID-19 deaths over time for each country, using a log-scaled y-axis to accommodate wide disparities in death tolls. Hovering over the chart highlights the corresponding country’s line and displays a tooltip with the exact date and death count. The visualization uses React for component structure and D3 v5 (d3-scale, d3-shape, d3-axis) with an SVG renderer. A d3-delaunay Voronoi overlay accelerates mouse interaction by mapping hover positions to the nearest data point. Data comes from the Johns Hopkins Coronavirus Dataset.

Ccani1see
93% match