Skip to main content
SimilarExport ZIP
100%

Coronavirus Linear Y Axis

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

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.

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

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
100% 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
96% 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

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 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
Loading thumbnail…

Coronavirus Linear X Axis

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`.

CChris Briggs
93% 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 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`.

RRMartins11
93% match