Skip to main content
100%

Smoothed Line Chart

✓ Published0🌍 Public
CCurran Kelleher
Last edited Jun 16, 2020
Created on Jun 12, 2020

This example shows smoothed daily death counts over time for the top 50 countries, using a log-scaled y-axis. Each country is rendered as a line, and hovering over any data point highlights the corresponding line and displays a tooltip with the country name, date, and total deaths. The data comes from the Johns Hopkins COVID-19 dataset. The visualization uses React with D3 v5 for scaling, line generation, and axis construction, while a Voronoi overlay built with `d3.delaunay` handles hover detection. The smoothing is applied via a Gaussian kernel blur.

AI-generated description

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

Hover to see details and illuminate lines.

This variant shows values smoothed using a Gaussian kernel blur

Ref. D3: Histogram Blur / Smoothing.

MIT Licensed

Similar vizzes