Fork of Coronavirus Linear Y Axis

100%

Fork of Coronavirus Linear Y Axis

✓ Published0🌍 Public

Last edited Oct 2, 2021

Created on Oct 2, 2021

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.

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

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

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

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

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 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 chart displays the cumulative death toll from COVID-19 over time using a linear y-axis scale. It uses a React-D3 combination, with `d3.scaleTime` mapping dates and `d3.scaleLinear` mapping death totals, rendered as an SVG path generated by `d3.line`. Axis components leverage `d3.axisBottom` and `d3.axisLeft` with gridlines, while annotated marker lines highlight specific values. Data is sourced from the Johns Hopkins COVID-19 time-series dataset via a CSV fetch and transformed in a `useData` hook.

Ppreethamkesa

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

95% match

Loading thumbnail…

Fork of Coronavirus Linear Y Axis

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.

Nnagamaheswar

95% match