Skip to main content
SimilarExport ZIP
100%

CoronaVirus LOG scale Chart by Countries VORONOI

✓ Published1🌍 Public
AAmir
Last edited Mar 24, 2021
Created on Mar 22, 2021

This visualization displays the progression of cumulative COVID-19 deaths over time for various countries, using a logarithmic scale on the y-axis to accommodate wide disparities in reported fatalities. The chart, built with React and D3 v5, renders each country’s time series as a thin, semi-transparent line, and highlights the country currently under the cursor via a Voronoi overlay for precise mouse tracking. Tooltips and a bolder line for the active country provide immediate detail, while the data comes from the JHU CSSE COVID-19 global deaths time series. The implementation uses `d3.scaleLog`, `d3.line`, and `d3.Delaunay` to construct the interactive elements.

AI-generated description

JHU CSSE COVID-19 Dataset Johns Hopkins University data sheet

MIT Licensed

Similar vizzes

Loading thumbnail…

CoronaVirus LOG scale by Countries VORONOI Choose

This interactive line chart visualizes the cumulative COVID-19 death totals over time for multiple countries, displayed on a logarithmic scale. Users can select a specific country from a dropdown menu or hover over the chart to highlight a particular line and view its exact values. The visualization uses a Voronoi overlay, created with d3.Delaunay, to make it easier to hover near thin or overlapping lines. React manages the interface state, while D3 v5 handles the scales, axes, and path generation, using data from the JHU CSSE COVID-19 dataset.

AAmir
96% match
Loading thumbnail…

CoronaVirus LOG scale Chart by Countries

This visualization displays the total number of COVID-19 deaths over time for each country, using a logarithmic scale on the y-axis to accommodate the wide range of values. Each country’s trajectory is drawn as a colored line, with hover interactions revealing the country name and death count. The chart uses data from the Johns Hopkins University CSSE COVID-19 dataset, loaded via `d3.csv`. React components manage the SVG rendering, while D3’s `scaleLog`, `scaleTime`, and `line` APIs construct the axes and paths, with axes formatted using `axisBottom` and `axisLeft`.

AAmir
93% match
Loading thumbnail…

Corona Deaths by Country with Voronoi Overlay

This visualization displays cumulative COVID-19 deaths over time for multiple countries, using a logarithmic y-axis to accommodate wide value ranges. The chart employs React and D3 v5’s `scaleTime`, `scaleLog`, and `line` generator to render each country’s trajectory as a distinct path. A Voronoi overlay, built with `d3-delaunay`, partitions the plotting area into cells around every data point, enabling mouse hover detection to identify the nearest country line. Data comes from the Johns Hopkins COVID-19 time-series dataset, processed via `d3.csv` and `timeParse`. The SVG output includes axes with tick marks and gridlines, styled by custom CSS.

Nnexus1058
92% match
Loading thumbnail…

Coronavirus Log scale Live Data Voronoi

A multi-country line chart displays cumulative COVID-19 deaths over time on a logarithmic y-axis, with each country’s trajectory shown in gray. Hovering activates a Voronoi overlay, built with `d3.Delaunay`, to highlight the nearest data point and redraw that country’s path in black. The chart uses React with `d3.scaleTime`, `d3.scaleLog`, and `d3.line` to generate SVG paths, pulling live data from the CSSE COVID-19 GitHub repository. Axes are rendered via `d3.axisBottom` and `d3.axisLeft`, while the Voronoi cells themselves are faintly visible in pink.

Ccynichole
92% 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
91% match
Loading thumbnail…

Corona Virus Deaths Over Time By Country With Voronoi Overlay

This visualization displays global cumulative COVID-19 death totals over time for each country, using a logarithmic y-axis to accommodate wide value ranges. A Voronoi overlay, generated with `d3.Delaunay` from the d3-delaunay package, enables smooth hover interaction to highlight any country’s trajectory, even when lines overlap. The React-based chart, built with D3 v5, renders SVG paths for each country’s timeseries, with the active country’s line emphasized in black. Data comes from the CSSEGISandData COVID-19 time series CSV, parsed via `d3.csv` and `timeParse`. Axes and gridlines are drawn using `axisBottom` and `axisLeft`.

KKazushige Okuma
91% match
Loading thumbnail…

Coronavirus Deaths Over Time by Country with Voronoi Overlay

A multi-line chart displays cumulative COVID-19 death totals over time for each country, using a logarithmic y-axis to accommodate disparate magnitudes. A Voronoi overlay, computed with `d3.Delaunay`, maps the nearest data point to mouse coordinates, so hovering highlights that country's trajectory in black. The visualization uses React, D3 v5's `scaleTime` and `scaleLog`, and renders SVG paths from the Johns Hopkins CSSE dataset.

Ee-ines
91% 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
90% match