Skip to main content
SimilarExport ZIP
100%

Sample code of Coronavirus Deaths Over Time by Country

✓ Published0🌍 Public
Ssmile2git
Last edited Jun 19, 2021
Created on Jun 19, 2021

This visualization shows cumulative COVID-19 deaths over time for each country, with each country represented as a separate colored line on a logarithmic scale. The React component builds an SVG chart using D3 v5 scales (`scaleTime`, `scaleLog`) and axis generators. Data comes from the Johns Hopkins COVID-19 dataset via `d3.csv`, and the line generator uses `d3.line` with time parsing via `timeParse`. Each path receives a random RGB stroke color, while gridlines and axis labels are rendered through reusable D3 axis components.

AI-generated description

Line chart of Coronavirus cases to date. Data from Johns Hopkins Coronavirus Dataset.

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Coronavirus Deaths Over Time by Country

This chart displays cumulative COVID-19 deaths over time for multiple countries, with each country represented by a colored line on a logarithmic scale. The visualization uses React to structure components and d3.v5 for scales, axes, and the line generator. Data comes from the Johns Hopkins Coronavirus Dataset, loaded via d3.csv and transformed into time series per country. The chart features grid lines from d3.axisBottom and axisLeft, with random RGB colors assigned independently to each country’s path on an SVG canvas.

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

Fork of Coronavirus Deaths Over Time by Country

This visualization shows the cumulative number of COVID-19 deaths over time for each country, plotted as individual lines on a logarithmic scale to accommodate wide ranges in case numbers. The chart uses D3 version 5 with React to render the SVG paths, with each country’s timeseries drawn as a separate line using a random color. Data comes from the Johns Hopkins Coronavirus dataset, processed via d3.csv and timeParse. Axes are built with d3.axisBottom and d3.axisLeft, while the line generator uses d3.line with scaleTime and scaleLog.

PPascal Schmidt
94% match
Loading thumbnail…

Coronavirus Deaths Over Time by Country

Multi-country cumulative coronavirus death tolls are plotted over time as colored lines on a logarithmic scale, using a React component that renders SVG paths. The chart pulls data from the Johns Hopkins COVID-19 dataset via `d3.csv`, transforms it with `timeParse`, and draws axes using `d3.axisBottom` and `d3.axisLeft`. Line generation relies on `d3.line`, while `d3.scaleLog` and `d3.scaleTime` handle value mapping. Each country gets a randomly assigned stroke color.

CCurran Kelleher
94% 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
94% match
Loading thumbnail…

Per Country Coronavirus Deaths Over Time

This visualization shows cumulative COVID-19 deaths over time for each country, with each country drawn as a separate colored line on a logarithmic y-axis. The chart includes marker lines at 1 million deaths and November 18, 2020. The data comes from the John Hopkins Coronavirus Dataset, processed with d3.csv and timeParse. React components render the SVG, while d3’s scaleTime, scaleLog, and line generator handle the plotting, with axes created using d3.axisBottom and d3.axisLeft.

CChris Briggs
94% match