Skip to main content
SimilarExport ZIP
100%

Coronav deaths over time by country

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

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.

AI-generated description

React + D3 to display coronav line chart

MIT Licensed

Similar vizzes

Loading thumbnail…

Coronav deaths over time by country (linear)

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.

Ssurikmeetr
95% 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
95% 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
94% 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
94% 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
94% 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
94% 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
94% 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
93% match