Coronavirus Linear Y Axis

100%

Coronavirus Linear Y Axis

✓ Published1🌍 Public

Last edited Dec 20, 2021

Created on Dec 20, 2021

A line chart displays cumulative COVID-19 deaths over time on a linear y-axis, using data from the COVID-19 Data Repository by the Center for Systems Science and Engineering (CSSE) at Johns Hopkins University. React components render an SVG with d3.scaleTime and d3.scaleLinear axes, while d3.line generates the path. Dashed marker lines annotate specific dates and death totals, and gridlines are styled via tick size and CSS.

AI-generated description

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

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

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

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

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

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

94% match

Loading thumbnail…

Fork of Coronavirus Linear Y Axis

This chart displays the cumulative total of COVID-19 deaths over time using a linear y-axis scale. The line path is generated with d3.line, while d3.scaleTime and d3.scaleLinear handle the x and y domains respectively. Axes are rendered via d3.axisBottom and d3.axisLeft, with tick marks spanning the full chart width and height. Data comes from the Johns Hopkins Coronavirus time-series CSV, aggregated by summing daily death counts across all regions. React components manage the SVG rendering, and optional marker lines reference specific values like 10,000 deaths.

YYedrup

94% match

Loading thumbnail…

Coronavirus Linear Y Axis

A line chart displays the cumulative global death toll from COVID-19 over time. The y-axis uses a linear scale starting at zero, while the x-axis maps dates. The visualization uses D3.js (v7) and React (v18) to render the SVG path, with axes generated by `axisBottom` and `axisLeft`. Data is loaded from a CSV file of global deaths and aggregated by date. Grid lines are styled with a light gray color.

Vvmonney

94% match