Coronavirus Linear Scale

100%

Coronavirus Linear Scale

✓ Published1🌍 Public

Last edited Feb 26, 2021

Created on Feb 26, 2021

This line chart displays the global total deaths from COVID-19 over time, sourced from the Johns Hopkins Coronavirus Dataset. The chart uses a linear scale on the y-axis and a time scale on the x-axis, with axes rendered via d3.axisBottom and d3.axisLeft. Built with React and d3.v6, it renders an SVG path generated by d3.line, with tick marks extended across the plot area and date labels rotated for readability.

AI-generated description

A Line chart that shows the total deaths from coronavirus Johns Hopkins Coronavirus Dataset

MIT Licensed

Similar vizzes

Loading thumbnail…

Coronavirus Linear Scale

This visualization displays the global cumulative death toll from the Johns Hopkins COVID-19 dataset as a single line chart over time, using a linear scale for both axes. The line shows the total deaths increasing across the date range, with gridlines extending from the axis ticks. The React application parses the CSV data with d3.csv and d3.timeParse, then renders the SVG path using d3.line, d3.scaleTime, and d3.scaleLinear. Axis components use d3.axisBottom and d3.axisLeft, while the chart includes a vertical marker line labeled "now" at the latest date.

JJenny

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

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

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

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

93% match

Loading thumbnail…

Global Coronavirus Deaths Full Linear Graph

This line chart visualizes global COVID-19 death totals over time, using a linear scale to show cumulative deaths from the Johns Hopkins dataset. The SVG rendering is built with React and D3 v5, utilizing `d3.scaleTime` and `d3.scaleLinear` for axes, and `d3.line` for the path. It includes labeled marker lines for the five-million milestone and interactive axis tick marks generated via `d3.axisBottom` and `d3.axisLeft`.

Jjulesgentry

92% match

Loading thumbnail…

Coronavirus Linear Scale

This visualization shows the global cumulative death toll from COVID-19 over time as a single black line chart. The y-axis is a linear scale displaying total deaths, while the x-axis maps dates from the outset of the pandemic. Data comes from the CSSEGISandData COVID-19 time-series CSV, aggregated across all countries. Built with React and D3 v5, it uses `scaleTime`, `scaleLinear`, and `line` to generate an SVG path, with axis ticks rendered via `axisBottom` and `axisLeft`.

NNikita Toropov

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