Fork of Coronavirus Linear Y Axis

100%

Fork of Coronavirus Linear Y Axis

✓ Published0🌍 Public

Last edited Mar 27, 2022

Created on Mar 27, 2022

The chart plots global cumulative COVID-19 deaths over time on a linear y-axis, using a black line spanning the full window. It renders as an SVG via React, with D3 scales (`scaleTime`, `scaleLinear`) and the `d3.line` generator. The y-axis includes a custom `YMarkerLine` at 10,000 deaths, while the x-axis uses `d3.axisBottom`. Data comes from the Johns Hopkins time-series CSV, aggregated daily by summing deaths across all regions.

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

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

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

95% match

Loading thumbnail…

Fork of Coronavirus Linear Y Axis

This line chart tracks the cumulative global death toll from COVID-19 over time, using a linear y-axis to emphasize absolute growth rather than rate of change. The visualization plots dates on the x-axis and total deaths on the y-axis, with gridlines and marker lines at notable values. Built with React and D3 v5, it uses `d3.scaleTime`, `d3.scaleLinear`, and `d3.line` to render the SVG path, pulling data from the Johns Hopkins Coronavirus dataset via `d3.csv`. The chart also includes labeled x- and y-marker lines for reference points.

MMaciek Sitkowski

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

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

95% match

Loading thumbnail…

Fork of Coronavirus Linear Y Axis

This line chart visualizes the global cumulative death count from COVID-19 over time, using a linear y-axis to reveal the sharp exponential rise in fatalities. The chart supports brushing interaction to zoom into a specific date range, dynamically filtering the displayed data. Built with React and D3 v5, it uses `d3.scaleTime`, `d3.scaleLinear`, `d3.line`, and `d3.brushX` to render an SVG path with gridlines and axes. Data is sourced from the Johns Hopkins COVID-19 time-series dataset, fetched via `d3.csv`.

SSatorumi

95% match

Loading thumbnail…

Fork of Coronavirus Linear Y Axis

This chart visualizes the global total of COVID-19 deaths over time from the Johns Hopkins dataset, using a linear y-axis to emphasize the absolute scale of growth. A single thick black line traces the rising cumulative death count, with light gray gridlines and date labels on the axes. The visualization is built with React and D3 v5, leveraging `scaleTime` and `scaleLinear` to map data, and `axisBottom` and `axisLeft` for ticks. Data is loaded via `d3.csv` and rendered as an SVG path.

RRahulSai05

95% match

Loading thumbnail…

Fork of Coronavirus Linear Y Axis

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.

서서다솔

94% match