Skip to main content
SimilarExport ZIP
100%

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

✓ Published1🌍 Public
Jjesramyep1263
Last edited Mar 11, 2021
Created on Jan 14, 2021

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.

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

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

Fork of Coronavirus Deaths Over Time by Country With Voronoi Overlay

This chart displays cumulative global coronavirus deaths over time as multiple gray lines, one per country, on a logarithmic scale. A red Voronoi overlay, generated with `d3.Delaunay` and `d3.delaunay.voronoi`, is drawn on top of the chart to illustrate a spatial partitioning of the plotting area, though its hover handler only logs to the console. The React-based visualization uses `d3.scaleTime`, `d3.scaleLog`, and `d3.line` with SVG rendering. Data comes from the Johns Hopkins Coronavirus time-series CSV.

SSteinarV-design
95% match
Loading thumbnail…

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

This chart shows cumulative COVID-19 deaths over time for each country, plotted on a log-scaled y-axis. Hovering over any point highlights that country’s full line and displays a tooltip with the exact death count and date. The visualization uses React with D3 v5 scales (`scaleTime`, `scaleLog`) and line generators, while `d3.Delaunay` from `d3-delaunay` builds a Voronoi overlay to capture mouse events, making it easy to select nearby data points. Data comes from the Johns Hopkins Coronavirus dataset via CSV.

Ssultanmirzapydev
95% 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
95% match