Fork of Coronavirus Linear Y Axis

100%

Fork of Coronavirus Linear Y Axis

✓ Published0🌍 Public

Last edited Mar 28, 2022

Created on Mar 28, 2022

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.

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

96% match

Loading thumbnail…

Fork of Coronavirus Linear Y Axis

This chart visualizes the cumulative count of COVID-19 deaths over time using a linear Y axis, making the growth in total deaths readily apparent against the date range. The data originates from the Johns Hopkins Coronavirus dataset, accessed as a CSV file. The React-based visualization employs D3 version 5 to build an SVG line chart, with `scaleTime` and `scaleLinear` mapping the data, `line` creating the path, and `axisBottom` and `axisLeft` rendering the axes.

Ssatra546

96% match

Loading thumbnail…

Fork of Coronavirus Linear Y Axis

This visualization shows the cumulative global death toll from COVID-19 over time, using a linear y-axis to emphasize the raw magnitude of the rise. Built with React and D3.v5, it plots a single thick black line across a grid of faint gray ticks. The data, sourced from the Johns Hopkins Coronavirus Dataset, is aggregated by summing daily death counts worldwide. The chart uses `d3.scaleTime` and `d3.scaleLinear` for axes, `d3.line` for the path, and `d3.axisBottom`/`d3.axisLeft` to render the labeled gridlines.

CCrisAbxs

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

96% 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, emphasizing the rapid growth of the pandemic’s death toll. The React-based visualization uses d3.scaleTime and d3.scaleLinear to map dates and death totals, with d3.line generating the path. Axis ticks are rendered with d3.axisBottom and d3.axisLeft, and optional marker lines annotate specific values. Data comes from the Johns Hopkins Coronavirus Dataset, loaded via d3.csv and parsed with d3.timeParse.

Ssatra546

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

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