Skip to main content
SimilarExport ZIP
100%

Dataviz 2020_Ep53 - 45. Coronavirus Deaths Over Time by Country

✓ Published1🌍 Public
MMinwoo Pak
Last edited Aug 7, 2021
Created on Aug 6, 2021

This visualization displays cumulative coronavirus deaths over time for each country, with multiple colored lines representing different nations on a logarithmic y-axis. The chart uses React with D3 v6’s `scaleTime`, `scaleLog`, and `line` functions to generate SVG paths, while the data comes from a CSV file of global COVID-19 deaths. The x-axis is labeled “Time” and the y-axis “Cumulative Deaths,” with grid lines to aid comparison across countries.

AI-generated description

Dataviz 2020_Ep10 - 6. Face Part 6 - Compartmentalizing Complexity

A bare minimum HTML page demonstrating use of CSS and JavaScript.

See also React Starter.

MIT Licensed

Similar vizzes

Loading thumbnail…

Coronavirus Deaths Over Time by Country

This visualization tracks cumulative COVID-19 deaths over time for multiple countries, with each country represented as a colored line on a logarithmic scale. The chart uses React with D3 v5, employing `scaleTime` and `scaleLog` for axes and `d3.line` to generate SVG paths from the Johns Hopkins CSSE time-series data. Axis components utilize `axisBottom` and `axisLeft` with interactive tick formatting.

Ee-ines
93% match
Loading thumbnail…

Coronavirus Deaths Over Time by Country

This chart displays cumulative coronavirus deaths over time for multiple countries, with each country represented by a colored line on a logarithmic y-axis. The visualization uses React and D3 v7, employing `scaleTime` and `scaleLog` for axes, and a `line()` generator to plot the data. The data is loaded from a CSSE COVID-19 time series CSV, parsed with `d3.csv` and `timeParse`. Random RGB values determine line colors, while gridlines and tick labels are rendered via custom axis components.

SSerind Joshua McCue
93% match
Loading thumbnail…

Coronavirus Deaths Over Time by Country

A multi-line chart displays cumulative COVID-19 death totals over time for each country, with a logarithmic y-axis to accommodate wide numeric ranges. The visualization uses React with D3 v7’s `scaleTime`, `scaleLog`, and `line` generators to render SVG paths, while `axisBottom` and `axisLeft` produce gridlines and ticks. Data is loaded from the CSSE COVID-19 global deaths time series CSV and transformed by filtering provincial rows and parsing daily columns.

KKevin McMorrow
93% match
Loading thumbnail…

Coronavirus Deaths Over Time by Country

This chart displays cumulative COVID-19 deaths over time for each country, with each country represented by a colored line. The y-axis uses a logarithmic scale to accommodate the wide range of death totals, while the x-axis shows time progression. The visualization is built with React and D3 v5, using `scaleTime`, `scaleLog`, and `line` to generate SVG paths. It sources its data from the Johns Hopkins Coronavirus Dataset, loading the CSV via D3’s `csv` function and parsing dates with `timeParse`.

DDiavek
92% match
Loading thumbnail…

Coravirus Deaths Over Time by Country

A line chart displays cumulative COVID-19 deaths over time for each country, using a logarithmic y-axis to accommodate wide variations in death tolls. The visualization renders multiple country-specific paths via React and D3 v5, with scales created by `scaleTime` and `scaleLog`, and lines generated by `d3.line`. A Voronoi overlay, built with `d3.Delaunay`, provides hover interactions, while custom `XAxis` and `YAxis` components apply `axisBottom` and `axisLeft`. Data originates from the CSSEGISandData COVID-19 global time series CSV, parsed with `d3.csv` and `timeParse`.

Jjesramyep1263
92% match
Loading thumbnail…

Coronavirus Deaths Over Time by Country

This interactive SVG line chart, built with React and D3 v5, visualizes cumulative COVID-19 deaths over time for each country. Each country’s daily death total is plotted as a separate line, with a logarithmic y-axis to accommodate the wide range of values. The chart uses a time scale for the x-axis and a log scale for the y-axis, with axes rendered via `d3.axisBottom` and `d3.axisLeft`. Data is fetched from a global CSV time-series dataset, transformed, and displayed using D3’s line generator.

MMichael Bruno
92% match
Loading thumbnail…

Coronavirus data by country

A multi-line chart displays cumulative COVID-19 deaths over time, with one line per country, on a logarithmic y-axis. The visualization uses a React component that renders an SVG, employing d3's `scaleTime` and `scaleLog` for axes, and `line` to generate paths. Data is loaded from the CSSE COVID-19 time series CSV, with country names filtered out in the transformation.

BBlake McCarty
92% match
Loading thumbnail…

Fork of Coronavirus Deaths Over Time by Country

This visualization shows cumulative COVID-19 death counts over time for individual countries, plotting each nation’s trajectory as a separate line on a logarithmic y-axis to accommodate wide variation in scale. The chart uses React to manage component state and rendering, with D3 v5 functions including `scaleTime`, `scaleLog`, and `line` generating the SVG paths. Data comes from the Johns Hopkins Coronavirus dataset, processed through `csv` and `timeParse` to extract daily death totals for each country. Random colors distinguish countries, while gridlines and axis labels are added via D3’s `axisBottom` and `axisLeft`.

Vvanquisher2000
92% match