Coronavirus Y Axis

100%

Coronavirus Y Axis

✓ Published0🌍 Public

Last edited Apr 5, 2020

Created on Apr 5, 2020

A line chart tracks the cumulative global death toll from the Johns Hopkins Coronavirus Dataset over time, with a bold black stroke and labeled axes. The chart’s Y-axis is annotated with a marker line at 10,000 deaths, while gridlines extend across the plot. Built with React and D3 v5, it uses `scaleTime`, `scaleLinear`, and a `line` generator within an SVG, with `axisBottom` and `axisLeft` for ticks.

AI-generated description

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

MIT Licensed

Similar vizzes

Loading thumbnail…

Coronavirus Y Axis

The chart shows global cumulative coronavirus deaths over time, with a simple line rising steeply as the outbreak progresses. Total daily counts are calculated by summing all reported deaths per date from the Johns Hopkins CSSE dataset. The visualization uses D3 v5 axis utilities, `d3.axisBottom` and `d3.axisLeft`, to render grid lines and date/death labels, while the line itself is generated with `d3.line`. The React component structure handles SVG rendering and margins.

DDiavek

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

92% 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

92% match

Loading thumbnail…

Fork of Coronavirus Linear Y Axis

This chart displays the global cumulative COVID-19 death toll over time using a linear y-axis, with data from the Johns Hopkins Coronavirus Dataset. A single black line traces the rising total, while gridlines and axis labels help read specific values. The visualization is built with React and D3 v5, using `d3.scaleTime` and `d3.scaleLinear` for scales, `d3.line` for the path generator, and `d3.axisBottom` and `d3.axisLeft` for axes. Marker lines also highlight the 10,000-death threshold and recent dates.

RRamiBishara

92% 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

92% match

Loading thumbnail…

Coronavirus Linear Y Axis

The chart plots the cumulative death toll from the Johns Hopkins Coronavirus Dataset over time on a linear y-axis, using a black stroke line. Built with React and D3 v5, it applies `scaleTime` for dates, `scaleLinear` for deaths, and `line` generators to render the SVG path. Gridlines are drawn via `axisBottom` and `axisLeft` with negative tick sizes, while the README includes an embedded YouTube video.

RRiccardo De Lucia

92% 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

92% 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

91% match