Coronavirus Basic line Chart

100%

Coronavirus Basic line Chart

✓ Published1🌍 Public

Last edited Oct 17, 2022

Created on Oct 12, 2022

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.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

Basic Coronavirus Line Chart

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.

OOleg Zhernovoy

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 with D3 Axis

This chart visualizes global COVID-19 death totals over time using a line path, with a horizontal marker at the 1 million death threshold and a vertical marker at the most recent date. The React component uses D3 scales (scaleTime, scaleLinear) and a line generator to map the Johns Hopkins dataset, while custom XAxis and marker components render grid lines and labels. SVG output displays the path with a bold black stroke, styled tick marks, and formatted date labels.

WWolfgang

94% match

Loading thumbnail…

Coronavirus Line Chart with D3 Axes

A line chart displays global cumulative COVID-19 deaths over time, sourced from the CSSE at Johns Hopkins. The React component renders an SVG path generated with d3.line and scales using d3.scaleTime and d3.scaleLinear. Horizontal and vertical marker lines indicate the one-million deaths threshold and the most recent date, labeled "now". Custom axes use d3.axisBottom with tick marks extending across the chart, while CSS styles the path and gridlines.

RRMartins11

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

93% match

Loading thumbnail…

Coronavirus Line Chart

A line chart tracks cumulative global COVID-19 deaths over time, using a black, five-pixel-wide path scaled to the full window. A horizontal marker at four million deaths and a vertical “now” marker at the latest date highlight key thresholds. The visualization is built with React components and D3 v7, using `scaleTime`, `scaleLinear`, and `line` for the path, plus `axisBottom` and `axisLeft` for gridlines. Data comes from a CSV of Johns Hopkins global death counts, aggregated by day and rendered as SVG.

AAlex Stulov

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

93% match

Loading thumbnail…

Coronavirus Line Chart with D3 Axes

A line chart visualizes the cumulative global COVID-19 death toll over time using the John Hopkins Coronavirus Dataset. It plots daily death totals on a linear scale and dates on a time scale, with a red marker line highlighting the 1 million death milestone and an "now" marker at the most recent date. The chart is built with React and renders SVG paths using D3 v5’s `scaleTime`, `scaleLinear`, and `line` generators, while axes are drawn declaratively via `axisBottom` and custom marker-line components. Grid lines are styled with CSS.

CChris Briggs

93% match