Alot of lines by Country

100%

Alot of lines by Country

✓ Published0🌍 Public

Last edited Aug 24, 2021

Created on Aug 5, 2021

This chart displays cumulative COVID-19 death counts over time for multiple countries, using a logarithmic y-axis to accommodate wide numerical ranges. Each country is represented by a gray line. Hovering over any point on the chart, enabled by a Voronoi overlay for precise nearest-point detection, highlights the corresponding country's entire trajectory in red and displays a tooltip with the country name, death count, and exact date. The visualization is built with React and D3 v7, fetching data from a CSV file and rendering all elements as SVG.

AI-generated description

A bare minimum HTML page demonstrating use of CSS and JavaScript.

Similar vizzes

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

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

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

89% match

Loading thumbnail…

Country Coronavirus Deaths Over Time With Voronoi Overlay and Labels

This line chart displays cumulative COVID-19 death counts over time for various countries, using a logarithmic y-axis to accommodate wide value ranges. A Voronoi overlay, built with `d3.Delaunay`, enables interactive hover detection, highlighting the nearest data point and displaying a tooltip with the country name, death total, and date. The visualization is rendered as an SVG using React and D3 v5, with the data sourced from the John Hopkins Coronavirus Dataset.

CChris Briggs

89% match

Loading thumbnail…

Fork of Coronavirus Deaths Over Time by Country1

This chart displays cumulative COVID-19 death totals over time for each country, using a log-scaled y-axis to accommodate wide disparities in magnitude. The visualization renders multiple colored line paths per country, generated with d3.line and scales from d3.scaleTime and d3.scaleLog, within an SVG framework built with React components. Data comes from the Johns Hopkins Coronavirus dataset, fetched via d3.csv and transformed into date-keyed series. Grid lines from d3.axisBottom and d3.axisLeft provide reference points, while the absence of a legend makes individual country attribution difficult.

Jjesramyep1263

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

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

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

88% match