CoronaVirus LOG scale by Countries VORONOI Choose

100%

CoronaVirus LOG scale by Countries VORONOI Choose

✓ Published0🌍 Public

Last edited Mar 28, 2021

Created on Mar 27, 2021

Forked from CoronaVirus LOG scale Chart by Countries VORONOI

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.

AI-generated description

JHU CSSE COVID-19 Dataset Johns Hopkins University data sheet

MIT Licensed

Similar vizzes

Loading thumbnail…

CoronaVirus LOG scale Chart by Countries VORONOI

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.

AAmir

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

91% 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

91% 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

91% match

Loading thumbnail…

Coronavirus By Country w/ Voronoi Overlay

This chart displays cumulative COVID-19 death totals over time for multiple countries, drawn as individual lines on a logarithmic scale. A Voronoi overlay, built with d3-delaunay, partitions the plotting area into cells around each data point, so hovering any region highlights the corresponding country’s line in black. The visualization uses React with D3 v6 for scales and axes, and pulls data from the Johns Hopkins COVID-19 time series dataset, rendered as SVG.

AAnthony Ynami

91% match

Loading thumbnail…

CoronaVirus Deaths Overtime By Country

This visualization displays global coronavirus death totals over time, with each country represented as a thin gray line on a logarithmic scale. A Voronoi overlay enables interactive country selection, highlighting the chosen line in black on hover. Built with React and D3 v5, the chart uses `d3.scaleLog`, `d3.scaleTime`, and `d3.line` to generate SVG paths. Data comes from the CSSEGISandData COVID-19 time series, fetched via `d3.csv`. The Voronoi diagram is constructed with `d3-delaunay` to map mouse position to the nearest data point.

33ssalunke

90% match

Loading thumbnail…

Corona Virus Deaths Over Time by Country With Voronoi

This interactive chart shows the cumulative number of COVID-19 deaths over time for multiple countries, displayed on a logarithmic scale. Using a Voronoi overlay, hovering over its cells highlights and emphasizes the corresponding country’s trajectory. Built with React and D3 (v5), it employs `scaleLog`, `scaleTime`, and the `d3-delaunay` library to construct the interactive voronoi regions, with data sourced from the CSSEGISandData COVID-19 GitHub repository.

SShanmukh

90% match

Loading thumbnail…

Coronavirus Deaths Over Time by Country With Voronoi Overlay

This example displays cumulative COVID-19 deaths over time for multiple countries as a multi-series line chart using a log scale. A Voronoi overlay facilitates mouse interaction by partitioning the chart into regions nearest each data point. The visualization is built with React and D3 v5, using d3-scale for axes and d3-delaunay for the Voronoi diagram. Data comes from the Johns Hopkins Coronavirus dataset, rendered as SVG paths with hover events logging interactions.

DDiavek

90% match