Skip to main content
SimilarExport ZIP
100%

Coronav deaths over time by country (linear)

✓ Published0🌍 Public
Ssurikmeetr
Last edited Apr 29, 2021
Created on Apr 29, 2021

A multi-line chart tracks cumulative COVID-19 deaths over time for each country, with one colored path per nation. The visualization uses a linear y-scale and a time-based x-axis, with gridlines and axis labels formatted via `d3.axisBottom` and `d3.axisLeft`. Data is loaded from a CSV using `d3.csv` and parsed with `d3.timeParse`. The React component builds an SVG, generating paths with the `d3.line` generator and rendering axes through custom React hooks that forward refs to D3 selection calls.

AI-generated description

React + D3 to display coronav line chart

MIT Licensed

Similar vizzes

Loading thumbnail…

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
95% match
Loading thumbnail…

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
90% 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
90% match
Loading thumbnail…

Coronavirus Deaths Over Time by Country

A multi-line chart tracks cumulative COVID-19 deaths over time for individual countries, using a logarithmic y-axis to compare widely varying magnitudes. Each country’s time series is drawn as a separate SVG path with a randomly generated color. The visualization is built with React and D3 v5, using `scaleTime`, `scaleLog`, and `line` to generate the geometry, while `axisBottom` and `axisLeft` render the axes. Data comes from the Johns Hopkins Coronavirus dataset, fetched as CSV and parsed with `d3.csv` and `timeParse`.

Wwindwaver
90% match
Loading thumbnail…

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

This chart displays cumulative COVID-19 death counts over time for multiple countries, using a log-scaled y-axis to handle the wide range of values. Each country’s timeseries is rendered as an SVG path generated with d3.line, while d3.scaleTime and d3.scaleLog define the axes. React components wrap the D3 axis generators (axisBottom, axisLeft) to create the gridlines and labels. Data comes from the CSSEGISandData COVID-19 global time series CSV, loaded via d3.csv and transformed with d3.timeParse.

KKazushige Okuma
90% match
Loading thumbnail…

Coronavirus Deaths Over Time By Country

A multi-line chart tracks cumulative COVID-19 deaths over time for each country, with a logarithmic y-axis to compare trends across vastly different magnitudes. The visualization uses React and D3 v5, loading global time-series data from the CSSEGISandData repository and rendering paths via `d3.line` onto an SVG canvas, with axes from `d3.axisBottom` and `d3.axisLeft`.

RRMartins11
90% 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
90% match
Loading thumbnail…

Fork of Coronavirus Deaths Over Time by Country

This chart shows cumulative COVID-19 deaths over time for multiple countries, with each country represented by a colored line on a log-scaled y-axis. The visualization uses React with D3 v5 methods including `scaleTime`, `scaleLog`, and `line` to render SVG paths. Data comes from the Johns Hopkins Coronavirus Dataset via a CSV file loaded with `d3.csv` and `timeParse`. Each country’s timeseries is drawn as a separate path with randomly generated stroke colors, while gridlines and axis labels are created through reusable `XAxis` and `YAxis` components.

GGerasimos Katsagannis
89% match