Skip to main content
SimilarExport ZIP
100%

Fork of Coravirus Deaths Over Time by Country by Voronoi

✓ Published0🌍 Public
YYedrup
Last edited Jun 29, 2021
Created on Jun 29, 2021

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.

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 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
95% 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
95% 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 Coronavirus Deaths Over Time by Country With Voronoi Overlay

A multi-line chart tracks cumulative COVID-19 deaths over time for each country, using a logarithmic y-axis to accommodate wide numeric ranges. The visualization encodes country data from the Johns Hopkins Coronavirus Dataset as gray SVG paths, with an active line highlighted in black when a user hovers over a data point. Hover detection is implemented via a Voronoi overlay computed with `d3.Delaunay`, which assigns the nearest data point to the mouse cursor. The chart is built with React and D3 v5, using `d3.scaleTime`, `d3.scaleLog`, and `d3.line` for axes and path generation.

MMykyta Ivanchenko
94% match
Loading thumbnail…

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

A multi-line chart tracks cumulative COVID-19 deaths over time for each country, using a logarithmic y-axis to accommodate wide numeric ranges. Hovering over any point triggers a Voronoi overlay, powered by `d3.Delaunay`, to highlight the nearest country’s full trajectory and display a tooltip with its death count and date. The visualization is built with React and D3 v5, rendering SVG paths via `d3.line` and scales from `d3.scaleTime` and `d3.scaleLog`. Data comes from the Johns Hopkins Coronavirus dataset.

EEdward Chung
94% 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 by Country over Time (with Voronoi Hover)

A multi-line chart tracks cumulative COVID-19 deaths per country over time, using a logarithmic y-axis. Hovering over any point uses a Voronoi overlay to highlight that country's line and display a tooltip with the exact date and death count. Built with React and D3 v5, the visualization leverages `d3.Delaunay` for the Voronoi diagram, `scaleLog` and `scaleTime` for axes, and loads data from the Johns Hopkins Coronavirus dataset via `d3.csv`.

DDenise Mauldin
94% match
Loading thumbnail…

Fork of Coronavirus Deaths Over Time by Country With Voronoi Overlay

A fork of a line chart showing cumulative COVID-19 deaths over time for multiple countries, plotted with a logarithmic y-axis. Hovering over the chart highlights a country’s full time series in bold black, using a Voronoi overlay built with `d3.Delaunay` to capture mouse events on the densely overlapping lines. The visualization is rendered as SVG via React, with data sourced from the Johns Hopkins Coronavirus dataset, and uses `scaleLog`, `scaleTime`, and D3’s `line` generator to position and draw each country’s path.

TThiago Sawada
94% match