Skip to main content
SimilarExport ZIP
100%

inspecting mulltiple lines chart

✓ Published0🌍 Public
Nn.koldovsky@gmail.com
Last edited Aug 17, 2021
Created on Aug 17, 2021

A multi-line chart displays cumulative COVID-19 deaths over time for each country, using a logarithmic y-scale to accommodate wide value ranges. The React component fetches data from the Johns Hopkins dataset, with each country rendered as a separate path via d3.line and d3.scaleLog. SVG axes are generated through d3.axisBottom and d3.axisLeft, while tick gridlines extend across the plotting area. Colors are randomly assigned per country path each render.

AI-generated description

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

MIT Licensed

Similar vizzes

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

Line Chart with Multiple Lines by Country

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

OOleg Zhernovoy
86% match
Loading thumbnail…

InspectingLinechart

A line chart displays the global cumulative death toll from COVID-19 over time, using data from the Johns Hopkins Coronavirus Dataset. The chart includes labeled horizontal and vertical marker lines at 10,000 deaths and the most recent date, respectively. Built with React and D3 v5, it uses `d3.scaleTime`, `d3.scaleLinear`, and `d3.line` to generate the SVG path. Axes are rendered via `d3.axisBottom` with custom tick styling.

Nn.koldovsky@gmail.com
85% 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
84% 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
83% 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
83% match
Loading thumbnail…

Visualization Labels

A line chart displays cumulative global COVID-19 deaths over time, with a logarithmic y-axis and labeled axes for time and death counts. The chart uses a React component structure with D3 scales (`scaleTime`, `scaleLog`) and axis generators (`axisBottom`, `axisLeft`) to render SVG elements. Data comes from the Johns Hopkins Coronavirus dataset, processed via `d3.csv` and transformed to sum daily totals.

CCurran Kelleher
83% match