Corona virus Linear Y axis

100%

Corona virus Linear Y axis

✓ Published1🌍 Public

Last edited Mar 17, 2022

Created on Mar 17, 2022

This line chart visualizes the cumulative global COVID-19 death toll over time, using a linear Y-axis to show the raw magnitude of growth. The chart is rendered as an SVG in React, with D3’s `scaleTime` and `scaleLinear` mapping dates and death counts, while `axisBottom` and `axisLeft` generate the gridlines. Data comes from a JHU CSSE CSV file, parsed with `timeParse` and aggregated by summing daily country totals. A single black path, drawn with `d3.line`, traces the steep upward trajectory.

AI-generated description

MIT Licensed

Similar vizzes

Loading thumbnail…

CoronaVirus Linear Y Axis

This visualization plots the cumulative global death toll from COVID-19 over time on a linear y-axis scale, with a line chart showing the total deaths per day. The chart includes vertical and horizontal marker lines highlighting the most recent date and the 10,000 death threshold, respectively. Built with React and D3 v7, the code uses `scaleTime` and `scaleLinear` for axes, `line` for the path generator, and `axisBottom`/`axisLeft` for tick rendering. The data is fetched from the CSSEGISandData COVID-19 time series CSV via `d3.csv`.

SSerind Joshua McCue

96% match

Loading thumbnail…

CoronaVirus Linear Y Chart

This example visualizes the global cumulative death totals from the COVID-19 pandemic over time using a linear y-axis line chart. The chart is built with React and D3 v5, using `d3.scaleTime` and `d3.scaleLinear` for the axes and `d3.line` to generate the SVG path. Data is loaded via `d3.csv` from a Johns Hopkins CSSE time-series dataset. The axes are rendered as reusable React components that call `d3.axisBottom` and `d3.axisLeft` inside `useEffect` hooks.

33ssalunke

95% match

Loading thumbnail…

Corona Virus Linear Y Axis Chart (React + D3 Axis)

This example shows the cumulative global death toll from COVID-19 over time, plotted on a linear y-axis. The React component renders an SVG line chart using D3 scales (`d3.scaleTime`, `d3.scaleLinear`) and axes (`d3.axisBottom`, `d3.axisLeft`), with gridlines and annotation markers. It loads time-series data from a public GitHub CSV via `d3.csv`, aggregates daily totals, and draws the path with `d3.line`. The chart fills the viewport and updates automatically when the data arrives.

KKazushige Okuma

95% match

Loading thumbnail…

Coronavirus Linear Y Axis

This chart visualizes global COVID-19 death totals over time using a linear Y axis, with a black line path showing the cumulative deaths and gridlines from D3 axes. The example uses React and D3 v6, with `scaleTime`, `scaleLinear`, and `line` from d3 to generate the SVG path, while `axisBottom` and `axisLeft` render the tick marks. Data comes from the Johns Hopkins Coronavirus Dataset, loaded via `csv` and transformed with `timeParse`. Marker line components display a vertical reference at a specific date and a horizontal “1M” threshold.

WWolfgang

94% match

Loading thumbnail…

Coronavirus Linear Y Axis - no mark lines

This chart visualizes the cumulative death toll of the COVID-19 pandemic over time using a linear y-axis. It shows the steady increase of global deaths from the start of the pandemic to the present, with the data sourced from a CSV file provided by the CSSE at Johns Hopkins University. The visualization is built with React and D3 v5, leveraging `scaleTime`, `scaleLinear`, `line`, and `axisBottom`/`axisLeft` to render the axes and the thick black data path. The code includes commented-out marker line components, which are not actively used in the final rendering.

Ee-ines

94% match

Loading thumbnail…

Coronavirus Linear Y Axis

This chart displays the cumulative global death toll from COVID-19 over time, showing a steady increase from the first reported cases to early 2020. A single black line sharply rises across a grid of light gray ticks, with the x-axis showing dates and the y-axis showing deaths on a linear scale. The visualization uses React with D3 v5 functions including `scaleLinear`, `scaleTime`, and `line` to generate the SVG path, while `axisBottom` and `axisLeft` create the labeled axes. Data comes from the Johns Hopkins Coronavirus time-series dataset, with the chart filling the entire browser window.

LLaura Johnson

94% match

Loading thumbnail…

Coronavirus Linear Y Axis

This visualization displays global cumulative COVID-19 deaths over time using a line chart with a linear y-axis scale. The data comes from a CSV file containing time-series death totals, aggregated by summing all countries’ daily counts. The chart employs React with D3 v7, using `scaleTime` for the x-axis, `scaleLinear` for the y-axis, and `line` to generate the SVG path. Gridlines are drawn via `axisBottom` and `axisLeft` with tick sizes, while marker lines highlight the most recent date and annotate values alongside the axes.

BBen Brophy

94% match

Loading thumbnail…

Coronavirus Linear Y Axis

A line chart tracks the cumulative global death toll from COVID-19 over time, using a linear y-axis scale so the growth in fatalities is directly proportional to height. The chart reads data from the Johns Hopkins Coronavirus Dataset, with daily global totals aggregated from country-level rows. Built with React and D3 v5, it uses `d3.scaleTime` and `d3.scaleLinear` to map dates and death counts, while `d3.line` generates the SVG path. Axes are rendered via `d3.axisBottom` and `d3.axisLeft`, and the chart fills the entire browser window.

Wwindwaver

94% match