Skip to main content
SimilarExport ZIP
100%

Coronavirus Linear Y Axis

✓ Published1🌍 Public
RRMartins11
Last edited May 6, 2021
Created on May 6, 2021

This example shows the global cumulative death toll from COVID-19 over time as a single black line on a full-screen SVG chart. The y-axis uses a linear scale, with explicit reference markers for the 1,000,000-death threshold. Built with React and D3 v5, the visualization loads data from the CSSE COVID-19 time-series CSV and uses `d3.scaleTime`, `d3.scaleLinear`, and `d3.line` to generate the path, while custom axis components render gridlines via `d3.axisBottom` and `d3.axisLeft`.

AI-generated description

A Coronavirus Line Chart

MIT Licensed

Similar vizzes

Loading thumbnail…

Coronavirus Linear Y Axis

This example shows the global cumulative death toll from COVID-19 over time using a linear y-axis scale, plotted as a single thick black line in an SVG. It loads time-series data from the Johns Hopkins CSSE GitHub repository, transforming daily columns into date and death-total pairs. The chart uses React with D3 v7’s `scaleTime` and `scaleLinear`, along with `axisBottom` and `axisLeft` for gridlines. A marker line and label indicate the most recent date, while another marker at 5,000,000 deaths provides a reference point on the y-axis.

TThomas Cormican
95% match
Loading thumbnail…

Coronavirus Linear Y Axis

A single red line traces the cumulative global death toll from COVID-19 over time on a linear y-axis, with a marker line and label indicating the one-million death milestone and a vertical “now” marker at the latest date. Built with React and D3 v6, the chart uses `scaleTime` and `scaleLinear` for axes, `line` for the path generator, and `axisBottom`/`axisLeft` for tick rendering. Data comes from a global time-series CSV of deaths provided by the CSSEGISandData repository, summed across countries per day.

AAndre J Denais
94% match
Loading thumbnail…

Coronavirus Linear Y Axis

This chart shows global COVID-19 deaths over time on a linear y-axis, using a single bold black line to trace cumulative totals from COVID-19 data aggregated from the CSSE Johns Hopkins repository. The chart includes gridlines from both the d3.axisBottom and axisLeft components, with SVG marker lines and labels indicating the current date and the one-million-death threshold. The React component structure uses d3.scaleTime and d3.scaleLinear for positioning, while d3.line generates the path, with axes and markers rendered as separate modular components.

KKevin McMorrow
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 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

A line chart plots cumulative global COVID-19 deaths over time on a linear y-axis, with red reference lines marking the current date and the three-million-death threshold. The visualization uses D3 v5 axes and scales within a React component, rendering an SVG with labeled gridlines. Data is loaded from the CSSEGISandData COVID-19 time series CSV, and the chart updates dynamically as the dataset grows.

Ee-ines
93% match
Loading thumbnail…

Coronavirus Linear Y Axis

This visualization displays cumulative COVID-19 deaths over time using a standard linear y-axis, drawn as an SVG path. It loads global death data from the Johns Hopkins CSSE time-series dataset via `d3.csv` and parses dates with `d3.timeParse`. The chart uses `d3.scaleTime` and `d3.scaleLinear` for its axes, with gridlines generated by `d3.axisBottom` and `d3.axisLeft`. React manages the component structure, while D3 v7 handles the line generation with `d3.line` and scales.

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