Skip to main content
SimilarExport ZIP
100%

countries CORONA with country labels

✓ Published1🌍 Public
KKolezhannochka
Last edited Feb 9, 2022
Created on Feb 8, 2022
Forked from countries CORONA

This visualization displays global coronavirus death totals over time for multiple countries, with each country represented by a line on a logarithmic scale. Hovering over any area highlights the corresponding country’s line in black and displays its name in the corner. The chart uses D3’s `scaleTime`, `scaleLog`, and `line` generators alongside a `d3.Delaunay` Voronoi overlay for interactive hover detection. Data comes from the CSSEGISandData COVID-19 time-series CSV, rendered as SVG within a React component structure.

AI-generated description

Smiley face implementation with React & D3, taking full advantage of React components and ES6 modules.

MIT Licensed

Similar vizzes

Loading thumbnail…

countries CORONA

The chart displays global coronavirus death totals over time for each country, with multiple colored lines representing different nations on a logarithmic y-axis. It uses a React component structure with D3 v5 scales (scaleTime, scaleLog) and line generators to plot cumulative deaths from a CSV dataset provided by the CSSEGISandData COVID-19 repository. The visualization renders as an SVG with axis components (XAxis, YAxis) that include grid lines and tick formatting from d3.axisBottom and d3.axisLeft.

KKolezhannochka
94% 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
92% 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…

Corona Deaths by Country with Labels

This chart displays cumulative COVID-19 death counts over time for multiple countries, using a log-scaled y-axis to accommodate wide numerical ranges. A Voronoi overlay enables hover interactions, highlighting the nearest data point and its corresponding country’s trajectory with a tooltip. Built with React and D3 v5, it uses `d3.scaleLog`, `d3.line`, and `d3.Delaunay` for geometric hit-testing. Data comes from the Johns Hopkins Coronavirus global time-series dataset, rendered as SVG paths.

Nnexus1058
91% 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
90% 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
90% match
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
90% match
Loading thumbnail…

Voronoi Countries CORONA with country labels

A multi-line chart displays cumulative COVID-19 deaths over time for countries, with a log-scaled y-axis. Hovering over the chart triggers a Voronoi overlay, created with `d3.Delaunay`, to identify the nearest data point and highlight that country’s full line while showing its name, death count, and date in a tooltip. The chart uses React components for the SVG rendering, axes, and overlay, and fetches data from the CSSE COVID-19 time series CSV.

KKolezhannochka
90% match