Fork of Coronavirus Linear Y Axis

100%

Fork of Coronavirus Linear Y Axis

✓ Published0🌍 Public

Last edited May 21, 2021

Created on May 21, 2021

A line chart tracks cumulative COVID-19 deaths over time, plotted with a linear y-axis. The chart uses `scaleTime` and `scaleLinear` from D3 v5 via React components, rendering to SVG. Data is fetched from the Johns Hopkins Coronavirus Dataset as CSV, with the `csv` loader summing daily totals per country. X and Y axes use `axisBottom` and `axisLeft`, with grid lines via `tickSize`, though marker-line components are defined but not rendered.

AI-generated description

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

MIT Licensed

Similar vizzes

Loading thumbnail…

Fork of Coronavirus Linear Y Axis

A line chart tracks cumulative COVID-19 deaths over time using data from the Johns Hopkins Coronavirus Dataset. The visualization uses a linear y-axis scale via `d3.scaleLinear` and an ordinal x-axis via `d3.scaleOrdinal`, with `d3.line` generating the path. React components render SVG axes through `d3.axisBottom` and `d3.axisLeft`. The code includes unused marker-line components, but the primary display shows the death total rising from near zero, with gridlines and tick labels styled via CSS.

SSistema Frenos

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

96% match

Loading thumbnail…

Fork of Coronavirus Linear Y Axis

This line chart displays cumulative COVID-19 death totals over time, using a linear y-axis scale to show the raw increase in deaths. The React component renders an SVG with D3 v5's `scaleTime` and `scaleLinear` to map dates and totals, while `d3.line` generates the path. Grid lines from `axisBottom` and `axisLeft` provide reference points, with data sourced from the Johns Hopkins Coronavirus Dataset. The chart fills the viewport and includes marker lines for highlighting specific values, though no interactive features are implemented.

VVAbhiram99

96% match

Loading thumbnail…

Fork of Coronavirus Linear Y Axis

This chart tracks cumulative coronavirus deaths worldwide over time using a line graph with a linear y-axis. The data originates from the Johns Hopkins Coronavirus Dataset and is aggregated daily from the CSV via `d3.csv` and `timeParse`. The visualization is built with React and D3 v5, using `scaleTime`, `scaleLinear`, and `line` to render the SVG path, while `axisBottom` and `axisLeft` add gridlines and labeled axes.

Ssatra546

96% match

Loading thumbnail…

Fork of Coronavirus Linear Y Axis

This line chart displays the cumulative total of COVID-19 deaths over time using a linear y-axis scale. It fetches data from the Johns Hopkins Coronavirus time-series dataset via `d3.csv` and aggregates daily death totals. The chart is rendered with React (version 16.9) and SVG, using `d3.scaleTime`, `d3.scaleLinear`, `d3.axisBottom`, and `d3.axisLeft`. Gridlines are drawn by setting `tickSize` on the axes, and the chart fills the entire browser window, updating responsively.

CCheng Tang

96% match

Loading thumbnail…

Fork of Coronavirus Linear Y Axis

The chart plots cumulative coronavirus deaths over time as a black line on a linear y-axis, with gridlines and labeled axes. It uses React components to render an SVG, while D3's `scaleTime`, `scaleLinear`, and `line` generator handle scales and the path. Data comes from the Johns Hopkins CSSE time-series CSV, aggregated by summing daily death totals. The visualization includes fixed marker lines at 10,000 deaths and the final date.

RRoberto

96% match

Loading thumbnail…

Fork of Fork of Coronavirus Linear Y Axis

A line chart displays the cumulative total of COVID-19 deaths over time, using a linear y-axis scale from zero to the current maximum. The chart is rendered as an SVG with paths and gridlines, and the data comes from the Johns Hopkins Coronavirus Dataset. The visualization is built with React and D3 v5, using `scaleTime`, `scaleLinear`, `line`, `axisBottom`, and `axisLeft` to construct the axes and line path.

Ppreethamkesa

96% match

Loading thumbnail…

Fork of Coronavirus Linear Y Axis

A line chart tracks the cumulative number of COVID-19 deaths over time, using data from the Johns Hopkins Coronavirus dataset. The visualization employs a linear y-axis scale, with the chart area populated by a single black path rendered via an SVG `<path>` element. The code leverages d3's `scaleTime`, `scaleLinear`, and `line` functions to map dates and death totals, while React components manage the axes. A small, fixed circle appears in the upper-left corner of the plot area.

KKurt

96% match