Skip to main content
SimilarExport ZIP
100%

Coronavirus Linear Y Axis

✓ Published1🌍 Public
Wwindwaver
Last edited Apr 15, 2021
Created on Apr 15, 2021

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.

AI-generated description

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

MIT Licensed

Similar vizzes

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
96% 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
95% match
Loading thumbnail…

Coronavirus Linear Y Axis

A line chart displays the cumulative global death toll from COVID-19 over time. The y-axis uses a linear scale starting at zero, while the x-axis maps dates. The visualization uses D3.js (v7) and React (v18) to render the SVG path, with axes generated by `axisBottom` and `axisLeft`. Data is loaded from a CSV file of global deaths and aggregated by date. Grid lines are styled with a light gray color.

Vvmonney
95% match
Loading thumbnail…

Coronavirus Linear Y Axis

A line chart tracks cumulative global COVID-19 deaths over time on a linear y-axis, with the x-axis showing dates from the start of the pandemic to the most recent day. The visualization highlights the exponential growth trajectory of mortality counts, using a black stroke-width of five pixels for the line. Built with React and D3 v5, it employs `scaleTime`, `scaleLinear`, and `line` generators, with axes rendered via `axisBottom` and `axisLeft`. Data comes from the CSSEGISandData COVID-19 time series on GitHub, aggregated by summing daily death totals across all countries.

MMichael Bruno
95% match
Loading thumbnail…

Coronavirus Linear Y Axis

The chart displays cumulative coronavirus death totals over time using a linear scale, emphasizing the raw growth in case numbers without logarithmic transformation. It pulls time-series data from the Johns Hopkins COVID-19 dataset and renders an SVG line path with gridlines, axis labels, and markers. Built with React and D3 v5, it uses `scaleTime`, `scaleLinear`, and `line` generators, while axes are constructed via `axisBottom` and `axisLeft`. The visualization highlights the steep upward trajectory of deaths, showing the scale’s impact on interpreting pandemic trends.

Vvlad
95% match
Loading thumbnail…

Coronavirus line chart - Linear Y Axis

A line chart displays cumulative global COVID-19 deaths over time, sourced from the Johns Hopkins Coronavirus Dataset. The chart uses a linear y-axis scale (d3.scaleLinear) and a time-based x-axis (d3.scaleTime), with the line path generated via d3.line. React manages component state, while d3.axisBottom and d3.axisLeft render the axes with tick marks extending across the plot area. SVG elements draw the chart, styled with CSS for gridlines and the line stroke.

YYedrup
95% match
Loading thumbnail…

Coronavirus Linear Y Axis

This visualization plots the total number of COVID-19 deaths over time, using a linear scale for the y-axis to show the raw cumulative counts. The chart displays the global death total from the Johns Hopkins dataset as a single, thick black line over a grid of light gray ticks. Built with React and D3 v5, the code uses `scaleLinear`, `scaleTime`, and `line` to generate the SVG path, while custom `XAxis` and `YAxis` components render the axes via `axisBottom` and `axisLeft`.

CCurran Kelleher
95% match
Loading thumbnail…

Testing Coronavirus Linear Y Axis

A line chart displays the cumulative global death toll from COVID-19 over time, using a linear y-axis that starts at zero. The chart emphasizes the steep, near-exponential growth of deaths by avoiding a logarithmic scale. The visualization loads data from the Johns Hopkins Coronavirus dataset via `d3.csv` and renders an SVG path generated by `d3.line` with `d3.scaleTime` and `d3.scaleLinear` axes. The React component uses `d3.axisBottom` and `d3.axisLeft` for ticks and gridlines.

PPadoSensei
95% match