Skip to main content
SimilarExport ZIP
100%

Coronavirus Multiple Lines

✓ Published1🌍 Public
AAndre J Denais
Last edited Jan 4, 2021
Created on Dec 31, 2020

A log-scale multi-line chart tracks cumulative COVID-19 deaths over time for each country, using color-coded paths to compare global mortality trends. The visualization loads data from a CSSEGISandData GitHub CSV, transforms it with d3.csv and timeParse, and renders SVG paths via d3.line and d3.scaleLog. React manages the component state, while d3.axisBottom and axisLeft generate labeled gridlines. Random RGB stroke colors distinguish countries, with a title and axis labels annotating the chart.

AI-generated description

straight covid

MIT Licensed

Similar vizzes

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…

Coronavirus Chart with Multiple Lines

This chart visualizes cumulative global COVID-19 deaths over time, with each line representing one country or region’s death total. All time series are overlaid on a shared time scale and a logarithmic y-axis for death counts, which compresses the wide range of values. The visualization is built with React and D3 v7, using `scaleTime`, `scaleLog`, and the `line` generator to render the paths as SVG elements. Data comes from the CSSE COVID-19 time series CSV, loaded and parsed via `d3.csv` and `timeParse`.

KK3zter
92% 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
91% match
Loading thumbnail…

Multiple Colored Lines

This example displays global COVID-19 cumulative death counts over time as multiple colored lines, one for each country. The visualization uses a logarithmic y-axis to accommodate the wide range of values, with grid lines extending across the chart from both axes. Built with React and D3 v7, the chart renders SVG paths using `d3.line`, `scaleTime`, and `scaleLog`, while axes are generated with `axisBottom` and `axisLeft`. Data comes from a CSV file processed with `d3.csv` and `timeParse`. Each country is assigned a random RGB stroke color.

AAlex Stulov
91% match
Loading thumbnail…

Coronavirus Deaths by Country

This small multiple line chart shows the cumulative number of COVID-19 deaths per country over time, plotted on a log scale to accommodate wide variation in magnitude. Each country is rendered as a separate SVG path generated with d3.line, colored by randomly assigned rgb values. The visualization uses d3.scaleTime and d3.scaleLog for axes, d3.axisBottom and d3.axisLeft for ticks, and React with d3.v5 to build the interactive components. Data comes from the CSSE COVID-19 global time series, filtered to only country-level rows.

NNikita Toropov
91% match
Loading thumbnail…

countries CORONA

The chart displays global coronavirus death totals over time for each country, with multiple colored lines representing different nations on a logarithmic y-axis. It uses a React component structure with D3 v5 scales (scaleTime, scaleLog) and line generators to plot cumulative deaths from a CSV dataset provided by the CSSEGISandData COVID-19 repository. The visualization renders as an SVG with axis components (XAxis, YAxis) that include grid lines and tick formatting from d3.axisBottom and d3.axisLeft.

KKolezhannochka
90% 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…

Coronavirus Chart with Multiple Lines by Country with Voronoi Overlay

A multi-line chart tracks cumulative global COVID-19 deaths over time by country, with a logarithmic y-axis filtering out countries below 10,000 fatalities. Hovering activates a Voronoi overlay, constructed with `d3.Delaunay`, to highlight the nearest line and display a tooltip with the exact date and death count. The React-based SVG visualization uses D3 scales (`scaleTime`, `scaleLog`), axes, and line generators, with data sourced from the CSSE COVID-19 time series on GitHub.

KK3zter
90% match