Line Chart

100%

✓ Published0🌍 Public

Hharika-1929

Last edited Jun 30, 2022

Created on Jun 30, 2022

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`.

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

94% 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

93% 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

91% match

Loading thumbnail…

Smoothed Line Chart

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.

PPhilippe Rivière

91% 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

91% 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

91% 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

91% 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