Skip to main content
SimilarExport ZIP
100%

Fork of Coravirus Deaths Over Time by Country by Voronoi

✓ Published0🌍 Public
JJean David
Last edited Apr 19, 2021
Created on Apr 19, 2021

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.

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
96% 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
95% 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

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

Fork of Coronavirus Deaths Over Time by Country With Voronoi Overlay

This chart displays cumulative COVID-19 deaths over time for each country as thin gray lines on a logarithmic y-axis, using data from the Johns Hopkins Coronavirus Dataset. A Voronoi overlay, computed with `d3.Delaunay` from the d3-delaunay library, renders red cells over three hardcoded points, providing a potential interaction region for hover events. The React-based visualization employs `d3.scaleLog`, `d3.line`, and `d3.axisBottom`/`d3.axisLeft` to construct the SVG, with axis tick marks drawn as grid lines.

SSg2041
95% match
Loading thumbnail…

Fork of Coronavirus Deaths Over Time by Country With Voronoi Overlay

This chart displays cumulative COVID-19 deaths over time for each country, plotted on a logarithmic y-axis. The visualization features semi-transparent Voronoi cells overlaid on the line chart, enabling hover interactions that highlight the closest data point to the cursor, emphasizing the active country’s line in black. Built with React and D3 v5, it uses `d3.scaleTime`, `d3.scaleLog`, `d3.line`, and `d3.Delaunay` for the Voronoi overlay. Data comes from the Johns Hopkins Coronavirus Dataset, rendered as an SVG.

DDurga Prasad
94% match