Corona Virus Deaths Over Time By Country (React + D3 Axis)

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

Coronav deaths over time by country

A multi-line chart tracks cumulative COVID-19 deaths over time for each country, using a logarithmic y-axis to accommodate wide value ranges. The visualization loads data from a CSSEGISandData GitHub CSV and renders it as SVG paths via React. D3’s `scaleTime`, `scaleLog`, and `line` generator plot the series, while custom React components handle `axisBottom` and `axisLeft` with gridlines. Each country’s line receives a randomly generated RGB stroke color. The chart includes axis labels and a title, with tick formatting showing month/year and abbreviated large numbers.

Ssurikmeetr

Coronavirus Deaths Over Time by Country

This chart tracks cumulative COVID-19 deaths over time for each country, with each nation drawn as a randomly colored line using SVG paths in a React component. It uses a log-scaled y-axis via `scaleLog` and time-based x-axis via `scaleTime`, with axes rendered through `axisLeft` and `axisBottom`. The data is loaded from the CSSEGISandData COVID-19 global deaths CSV using `d3.csv` and `timeParse`, while line generation relies on `d3.line`.

PPeter Krevenets

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

Coronavirus Deaths Over Time by Country With Labels

This chart displays cumulative COVID-19 death counts over time for multiple countries, using a logarithmic y-axis to accommodate wide ranges in magnitude. The data comes from the Johns Hopkins Coronavirus Dataset, loaded via D3’s `csv` function. React renders each country’s timeseries as an SVG path generated by `d3.line`, with scales from `d3.scaleTime` and `d3.scaleLog`. Axes are built using `d3.axisBottom` and `d3.axisLeft`, while tick lines create a grid for readability.

Wwindwaver

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

Fork of Coronavirus Deaths Over Time by Country

This chart visualizes cumulative COVID-19 deaths over time for each country, using a logarithmic y-axis to accommodate wide ranges in death tolls. Each country’s time series is drawn as a randomly colored SVG path generated with d3.line, while d3.scaleLog and d3.scaleTime handle the axes. Data comes from the Johns Hopkins Coronavirus Dataset, loaded via d3.csv and parsed with d3.timeParse. The React component renders the SVG, with axes built using d3.axisBottom and d3.axisLeft.

TTheAnswer-Is-42

Coronavirus deaths over time by country

This chart visualizes cumulative COVID-19 deaths over time for multiple countries, using a logarithmic y-axis to accommodate varying death tolls. Each country’s time series is drawn as a separate black path. The visualization is built with React and D3 v7, using `d3.scaleLog`, `scaleTime`, and `line` generators, with SVG rendering. Data comes from a global CSV file, and axes are rendered via D3’s `axisBottom` and `axisLeft` components.

AAndrea Picciau