Skip to main content
SimilarExport ZIP
100%

Smoothed Line Chart

✓ Published3🌍 Public
PPhilippe Rivière
Last edited Jun 12, 2020
Created on Jun 11, 2020

Smoothed line chart comparing daily COVID-19 deaths across multiple countries, displayed on a logarithmic y-axis. The visualization uses a Gaussian kernel blur to smooth noisy daily counts, revealing underlying trends. Built with React and D3 v5, it employs `scaleTime`, `scaleLog`, and a custom `line` generator, with a D3 Delaunay Voronoi overlay for hover interactions. Hovering a point highlights the corresponding country’s full trajectory and displays a tooltip with the date and total death count. Data comes from the Johns Hopkins Coronavirus Dataset.

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

Loading thumbnail…

Smoothed Line Chart

This smoothed line chart tracks daily COVID-19 death counts over time for the top 50 countries, using a log-scaled y-axis and data from the Johns Hopkins Coronavirus Dataset. The chart applies a Gaussian blur to smooth the raw daily values, rendering each country as a line in an SVG. Hovering over any point triggers a Voronoi overlay built with `d3-delaunay`, highlighting the corresponding country's line and displaying a tooltip with the exact date, total deaths, and country name. The visualization uses React with D3 v5 components like `scaleLog`, `scaleTime`, and `axisBottom`.

PPhilippe Rivière
96% match
Loading thumbnail…

Smoothed Line Chart

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.

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

Line Chart

A line chart displays smoothed daily COVID-19 death counts over time for the top 50 countries, colored by data from the Johns Hopkins Coronavirus Dataset. It uses a logarithmic y-scale and a Gaussian kernel blur to smooth the time series. Hovering over a Voronoi overlay, generated with `d3.Delaunay`, highlights the nearest data point and illuminates the corresponding country’s line, while a tooltip shows the country, date, and approximate death total. The chart is built with React and D3 v5, rendering SVG paths via `d3.line` and axes with `d3.axisBottom` and `d3.axisLeft`.

Hharika-1929
91% match