Fork of Smoothed Daily Coronavirus Deaths by Country

100%

Fork of Smoothed Daily Coronavirus Deaths by Country

✓ Published0🌍 Public

Last edited May 21, 2021

Created on May 21, 2021

Forked from Smoothed Daily Coronavirus Deaths by Country

This visualization shows smoothed daily coronavirus death counts over time for countries, using a logarithmic y-axis to compare trends across vastly different magnitudes. The chart is built with React and D3 v5, rendering SVG paths for each country’s time series. Hovering triggers a Voronoi overlay, created via `d3.Delaunay`, to highlight the nearest data point and display a tooltip with the country name, total deaths, and date. Death data is sourced from the Johns Hopkins Coronavirus Dataset and smoothed through repeated averaging via the `blur` function.

AI-generated description

Line chart of Coronavirus cases to date, by country. Data from Johns Hopkins Coronavirus Dataset.

Hover to see details and illuminate lines.

This variant shows daily death numbers, smoothed using the repeated averaging technique described in D3: Histogram Blur / Smoothing.

MIT Licensed

Similar vizzes

Loading thumbnail…

Smoothed Daily Coronavirus Deaths by Country

This chart displays smoothed daily coronavirus death counts by country over time, using a logarithmic y-axis to accommodate wide variations in scale. Each country’s timeseries is rendered as a line, and hovering over any point highlights that country’s line and reveals a tooltip with the total deaths and date. The visualization is built with React and D3 v5, using `scaleTime`, `scaleLog`, and `line` for axes and paths, while a `VoronoiOverlay` handles mouse interactions. Data comes from the Johns Hopkins Coronavirus Dataset, with daily values smoothed via repeated averaging in a custom `blur` function.

TTammminana

95% match

Loading thumbnail…

Smoothed Daily Coronavirus Deaths by Country

A multi-line chart displays smoothed daily coronavirus deaths for each country over time, sourced from the Johns Hopkins COVID-19 dataset. The chart uses a logarithmic Y-axis to accommodate wide variations in death counts, with a Voronoi overlay enabling interactive hover to highlight a selected country’s line and show a tooltip with cumulative deaths and dates. The visualization is built with React, D3 v5 for scales and axes, and d3-delaunay for the Voronoi overlay. Daily values are smoothed via repeated averaging, and SVG renders the paths and labels.

Nnjovanoski

94% match

Loading thumbnail…

Fork of Smoothed Daily Coronavirus Deaths Line Chart

This chart shows smoothed daily COVID-19 death counts for the top 50 countries, with each line representing a country's timeseries over time. Using a logarithmic y-scale, the visualization compares mortality trends across nations, and the Voronoi overlay enables interactive hover to highlight specific countries. The data comes from the Johns Hopkins Coronavirus Dataset, processed through repeated averaging smoothing (blur) to reduce noise. Built with React and D3 v5, the code utilizes d3.scaleTime, d3.scaleLog, d3.line, and d3.Delaunay for the voronoi interaction, rendering as SVG.

Llee hyoung beom

94% match

Loading thumbnail…

Smoothed Daily Coronavirus Deaths by Country

A line chart tracks smoothed daily COVID-19 death counts by country over time, using a logarithmic y-axis to accommodate wide numerical ranges. Hovering over any point reveals the country name, cumulative death total, and date, while highlighting that country’s entire trajectory in a thicker black stroke. The visualization relies on React for UI state and D3 v5 for scales, axis generation, and a Voronoi overlay (via `d3.Delaunay`) to capture mouse interactions efficiently. Data comes from the Johns Hopkins Coronavirus dataset, and the smoothing is achieved through repeated three-point moving averages defined in a custom `blur` function.

Ggcappadaniel

94% match

Loading thumbnail…

Smoothed Daily Coronavirus Deaths by Country

Ggcappadaniel

94% match

Loading thumbnail…

Smoothed Daily Coronavirus Deaths by Country

This interactive line chart displays smoothed daily COVID-19 death counts for each country, plotted over time on a logarithmic scale. Using the D3.js library with a React frontend, it renders an SVG visualization with a Voronoi overlay for hover detection. The chart applies 20 iterations of a blurring algorithm to the daily death data, and highlights the selected country's line with a tooltip showing total deaths. Data comes from the Johns Hopkins Coronavirus dataset.

CCurran Kelleher

93% match

Loading thumbnail…

Smoothed Daily Coronavirus Deaths Line Chart

This chart shows smoothed daily coronavirus death counts over time for the top 50 countries by cumulative deaths, using a logarithmic y-axis to accommodate wide variations in scale. Hovering over any point highlights the entire country’s trajectory and displays a tooltip with the exact date and death total. Built with React and D3 v5, the visualization renders as an SVG and uses a Voronoi overlay for efficient hover detection. Data comes from the Johns Hopkins Coronavirus Dataset, with the daily counts smoothed via repeated averaging.

1158andCAT

93% match

Loading thumbnail…

Smoothed Daily Coronavirus Deaths Line Chart

This chart displays smoothed daily coronavirus deaths over time for the top 50 countries by cumulative deaths, using a log-scaled y-axis and a time-scaled x-axis. Each country is represented by a gray line, and hovering over the visualization highlights the nearest country’s line and shows a tooltip with its name, date, and total death count. The example uses React with D3 v5 APIs such as `scaleLog`, `scaleTime`, `line`, and `axisBottom`, plus a Voronoi overlay (`d3.Delaunay`) for hit-testing. Daily death data is smoothed via repeated averaging in a custom `blur` function. Data comes from the Johns Hopkins Coronavirus Dataset.

1158andCAT

92% match