Skip to main content
SimilarExport ZIP
100%

Fork of Smoothed Daily Coronavirus Deaths Line Chart

✓ Published0🌍 Public
Llee hyoung beom
Last edited May 11, 2022
Created on May 10, 2022

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.

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, for the top 20 countries by cumulative deaths.

MIT Licensed

Similar vizzes

Loading thumbnail…

Smoothed Daily Coronavirus Deaths Line Chart

This chart displays smoothed daily COVID-19 death counts for the top 50 countries by cumulative deaths, with a logarithmic y-axis to accommodate wide variation. Hovering over any data point uses a d3.Delaunay Voronoi overlay to highlight the corresponding country’s full line and show a tooltip with the date and total deaths. The smoothing is applied via a repeated averaging blur function to the raw Johns Hopkins dataset, and the visualization is rendered as an SVG using React and D3 scales, axes, and line generators.

1158andCAT
96% 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
96% match
Loading thumbnail…

Smoothed Daily Coronavirus Deaths Line Chart

A smoothed multi-line chart compares daily COVID-19 deaths over time for the top 50 countries by cumulative deaths. The y-axis uses a logarithmic scale to accommodate wide value ranges, and the lines are smoothed via a repeated averaging technique. Built with React and D3 v5, the visualization uses a Voronoi overlay for hover detection to highlight a selected country's line and display a tooltip with details. Data is sourced from the Johns Hopkins Coronavirus dataset.

1158andCAT
96% match
Loading thumbnail…

Smoothed Daily Coronavirus Deaths Line Chart

This chart plots smoothed daily coronavirus deaths over time for the top 50 countries by cumulative deaths, using a logarithmic y-axis to reveal relative trends across widely varying scales. The React app renders SVG lines with D3 scales and generators, while a D3-Delaunay Voronoi overlay enables hover interaction, highlighting the nearest data point and its corresponding country line with a tooltip. Data comes from the Johns Hopkins COVID-19 dataset, and daily values are smoothed via repeated averaging (15 iterations) before plotting.

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

Smoothed Daily Coronavirus Deaths Line Chart

Smoothed lines trace daily coronavirus deaths over time for the top 50 countries by cumulative deaths, with a logarithmic y-axis. Hovering activates a Voronoi overlay, built with `d3.Delaunay`, to highlight the nearest data point’s country line and display a tooltip with the exact date and death count. Lines are smoothed via repeated averaging in the `blur` helper, and the visualization renders as SVG using React, D3 v5 scales (`scaleTime`, `scaleLog`), and axes from `d3.axisBottom` and `d3.axisLeft`. Data comes from the Johns Hopkins CSSE GitHub repository.

JJeet Jain
94% 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…

Smoothed Daily Coronavirus Deaths Line Chart

A line chart displays smoothed daily COVID-19 death counts for the top 50 countries by cumulative deaths, using a logarithmic y-scale and time-based x-axis. Each gray line represents a country; hovering via a d3.Delaunay Voronoi overlay highlights the corresponding line and shows a tooltip with the country’s total deaths and date. Data comes from the Johns Hopkins Coronavirus dataset, processed with d3.csv and a moving-average blur function, and rendered as SVG paths using d3.line, d3.scaleTime, and d3.scaleLog within React.

Qquratulain01
94% match