Line Chart with Multiple Lines by Country

100%

Line Chart with Multiple Lines by Country

✓ Published1🌍 Public

Last edited Dec 17, 2022

Created on Dec 17, 2022

This line chart displays cumulative COVID-19 deaths over time for multiple countries, with each country represented by a randomly colored line. The chart uses a logarithmic y-axis to accommodate the wide range of death counts. Built with React and D3 v7, it employs `scaleTime` for the x-axis and `scaleLog` for the y-axis, creating paths with `d3.line`. Data comes from the COVID-19 Global Deaths time series on GitHub, processed via `d3.csv`.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Line Chart with Multiple Lines by Country With Voronoi Overlay

This multi-line chart displays cumulative COVID-19 death totals over time for each country, using a logarithmic y-axis. A Voronoi overlay, built with `d3.Delaunay.from` and `voronoi.renderCell`, partitions the chart area into cells; hovering over any cell highlights the corresponding country’s line in black. The visualization, rendered in SVG via React, uses D3’s `scaleTime` and `scaleLog` to map data from the CSSE global time-series CSV, with axes generated by `axisBottom` and `axisLeft`.

OOleg Zhernovoy

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 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

90% match

Loading thumbnail…

Covid-19 death by country

A multi-line chart displays cumulative COVID-19 deaths over time for each country, with a logarithmic y-axis and a dashed reference line marking a specific death count. The visualization loads data from a GitHub-hosted CSV via `d3.csv`, flattens the country time series, and renders SVG paths using `d3.line` with `curveNatural`. React manages the component structure, while `d3.scaleTime`, `d3.scaleLog`, and axis generators handle positioning and tick formatting.

Ssmile2git

90% match

Loading thumbnail…

Line Chart with Labels

A line chart displays cumulative global COVID-19 deaths over time, using a log-scaled y-axis to accommodate the data's exponential growth. The visualization highlights the most recent date on the x-axis and includes labeled axes for cumulative deaths and time. Built with React and D3 v7, the chart uses `scaleTime`, `scaleLog`, and `line` generators to render a single SVG path, with data fetched from a CSSE GitHub CSV.

OOleg Zhernovoy

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

89% match

Loading thumbnail…

Coronavirus Multiple Lines

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.

AAndre J Denais

89% 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

88% match