Basic Coronavirus Line Chart

100%

Basic Coronavirus Line Chart

✓ Published1🌍 Public

Last edited Dec 15, 2022

Created on Dec 13, 2022

This chart shows the global cumulative death total from COVID-19 over time, using a single black line that rises across the viewport. The line is generated with `d3.line()` and scaled using `d3.scaleTime()` for dates and `d3.scaleLinear()` for death counts. Data comes from the CSSE COVID-19 time series CSV, aggregated by summing daily country reports. Rendering is done through React with an SVG `<path>` element, styled with a 10-pixel stroke.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Coronavirus Line Chart

The chart displays the cumulative global death toll from COVID-19 over time as a single black line, with a horizontal marker line indicating the 10,000-death threshold. Built with React and D3 v7, it uses `scaleTime` and `scaleLinear` to map dates and totals, while a `line` generator produces the SVG path. The data is fetched from the CSSE COVID-19 time series CSV, aggregated daily by summing deaths across all countries.

Ccynichole

94% match

Loading thumbnail…

Coronavirus Basic Line Chart

This visualization shows the global total number of COVID-19 deaths over time as a single line chart. Death totals are summed daily across all countries from the CSSE COVID-19 time-series dataset. The React component uses d3.scaleTime and d3.scaleLinear for axes, and a d3.line generator to create the SVG path. Data is loaded with d3.csv and transformed with d3.timeParse, then rendered as a thick steelblue stroke on a light gray background.

NNita

94% match

Loading thumbnail…

Coronavirus line chart

This chart shows the cumulative global death toll from COVID-19 over time, using a simple black line against a full-screen SVG. The data is loaded from the Johns Hopkins Coronavirus dataset and aggregated by day. It uses D3’s `scaleTime` and `scaleLinear` for the axes, a `line` generator for the path, and React to render the SVG element. The line is styled with a 5px stroke and no fill, emphasizing the overall curve of the pandemic’s mortality.

YYedrup

94% match

Loading thumbnail…

Coronavirus Basic line Chart

This line chart visualizes global COVID-19 death totals over time, using a time-series dataset from the CSSE at Johns Hopkins. It plots a single black path generated with d3.line, with axes built via d3.axisBottom and scaleTime/scaleLinear. React manages the SVG rendering, while d3-selection updates the axis. Two marker lines highlight the current date and the six-million-death threshold, styled with CSS classes in the accompanying stylesheet.

Vvmonney

94% match

Loading thumbnail…

Coronavirus line chart

This chart shows the global cumulative death toll from COVID-19 over time as a single black line on a logarithmic scale, with gridlines and labeled axes for Time and Cumulative Deaths. It uses d3.scaleLog for the y-axis and d3.scaleTime for the x-axis, with d3.line generating the SVG path from data fetched from a Johns Hopkins CSSE CSV via d3.csv. Aerial labels and tick marks are rendered by custom React components (XAxis, YAxis) invoking d3.axisBottom and d3.axisLeft.

AAndrea Picciau

93% match

Loading thumbnail…

Coronavirus Basic Line Chart With 5,000,000 Marker Line

This chart shows the global cumulative COVID-19 death toll over time, rendered as a black line that climbs steadily across the full window. A horizontal marker line at 5,000,000 deaths highlights when the total crossed that threshold. Built with React and D3 v7, it uses `scaleTime` and `scaleLinear` to map dates and death totals, while `line()` generates the SVG path from data fetched from the CSSE COVID-19 time series. The marker line is a simple SVG `<line>` positioned via the y-scale.

KK3zter

92% match

Loading thumbnail…

Coronavirus Line Chart

This line chart visualizes the global cumulative COVID-19 death total over time, using a simple black line against a white background. A horizontal marker line highlights the point at which deaths reach one million. The visualization is built with React and D3 v7, using `scaleTime`, `scaleLinear`, and `line` to render an SVG path from a CSV dataset provided by the Johns Hopkins CSSE GitHub repository. The chart updates responsively to fill the full browser window.

BBen Brophy

92% match

Loading thumbnail…

coronavirus Line Chart Practice

This example shows the global cumulative death toll from COVID-19 over time as a single black line chart, with horizontal and vertical marker lines highlighting the 10,000-death threshold and the latest date. Built with React and D3 v5, it uses `d3.csv` to load time-series data from the CSSE COVID-19 dataset, `scaleTime` and `scaleLinear` for axes, and `d3.line` to generate the path. The SVG is rendered directly via React components, while `d3.axisBottom` and refs are used to draw the x-axis.

AAmnaRizvi-S

92% match