Skip to main content
SimilarExport ZIP
100%

Coronavirus Linear X Axis

✓ Published1🌍 Public
CChris Briggs
Last edited Nov 19, 2021
Created on Nov 19, 2021

This chart visualizes cumulative COVID-19 deaths over time from the Johns Hopkins dataset, using a logarithmic y-axis to accommodate exponential growth. A red horizontal marker line emphasizes the 1 million death threshold, while a vertical marker highlights a specific date. The line chart is rendered as SVG using React and D3 v5, with `d3.scaleTime`, `d3.scaleLog`, `d3.line`, and axis components created via `d3.axisBottom` and `d3.axisLeft`. Data fetching employs `d3.csv` and `d3.timeParse`.

AI-generated description

A line chart for John Hopkins Coronavirus Dataset with marker line at 1 million deaths.

MIT Licensed

Similar vizzes

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

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

Coronavirus Linear Y Axis

A line chart displaying cumulative global COVID-19 deaths over time, with a red marker line at the 1 million death threshold. Built with React and D3 v5, it uses `scaleTime` and `scaleLinear` to map dates and death totals, with `line()` generating the SVG path. Data comes from the John Hopkins Coronavirus dataset, aggregated by summing daily death totals across all countries. Gridlines from `axisBottom` and `axisLeft` provide reference, while the marker annotations label the 1M threshold and its corresponding date.

CChris Briggs
93% match
Loading thumbnail…

Coronavirus Linear Y Axis

A line chart displaying cumulative global COVID-19 deaths over time, with a red marker line at the 1 million death threshold. Built with React and D3 v5, it uses `scaleTime` and `scaleLinear` to map dates and death totals, with `line()` generating the SVG path. Data comes from the John Hopkins Coronavirus dataset, aggregated by summing daily death totals across all countries. Gridlines from `axisBottom` and `axisLeft` provide reference, while the marker annotations label the 1M threshold and its corresponding date.

CChris Briggs
93% 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
93% 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
93% 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
92% match
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
92% match